CARA MEMBUAT BACKGROUND KERTAS PADA POSTING ANDA ( Ala Rozy )

sobat bisa lihat sendiri backgroundnya pada postingan ini, dan hanya pada postingan ini saja tidak merubah background postingan keseluruhan blog ini
Berikut cara pembuatan nya :

Tambahkan kode dibawah ini pada editor Edit HTML postingan blog sobat.
 

wwwrozysecrets.blogspot.com

<div style="-moz-border-radius: 10px 10px 10px 10px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyu-48HQkhwNWuUYx408mANTk8PLa6AfTHzVWYui9ibfQMIeKo8PvqBJuqbiRaUBn7yMw1jvFtFGONUR5ukzvZ-TNstFtZ9qUNw1dYlKi5KCF6HqRluqEms6NCEjqBTYgIxcvKIVs5WvE/") no-repeat scroll 0% 0% transparent; color: black; padding: 10px;"><tt><span style="color: red;"><div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMQRCuAkC7c2f5q1tTrUBgbLQc2x4gLFocA0nuR_2K0J6_UMn967pEyXr4L7do2eQYXAWKRqqxYOi4tnBQEqv8-ab4NAaDWkg0w66xj-PF1mFHg4bs3e1YRjhNUZqx08eEw8oVv3gZtPBT/s1600/papers.jpg<br /> ) no-repeat;<br /> color:#000;<br /> padding:10px 10px 10px 10px;<br /> -moz-border-radius-topright:10px;<br /> -webkit-border-top-right-radius:10px;<br /> -moz-border-radius-bottomright:10px;<br /> -webkit-border-bottom-right-radius:10px;<br /> -moz-border-radius-topleft:10px;<br /> -webkit-border-top-left-radius:10px;<br /> -moz-border-radius-bottomleft:10px;<br /> -webkit-border-bottom-left-radius:10px; <br /> -webkit-box-shadow: 2px 2px 4px #8bd268;<br /> -moz-box-shadow: 2px 2px 4px #8bd268;"></span></tt> <br /> <span class="fullpost"></span><br /> <div class="alert"><span class="fullpost"><span class="fullpost"><tt> <br /> <b><span style="color: black;">Isi Postingan</span></b><br /> <br /> <<span style="color: red;">/div></span></tt></span></span></div><br /> <br /> </div><span class="fullpost" style="color: #fce5cd;"><u style="color: white;"><b>Keterangan</b></u><span style="color: white;"> :</span></span><br /> <a href="http://www.blogger.com/post-create.g?blogID=9031249704520236326" name="more"></a><span class="fullpost" style="color: #fce5cd;"><br /> <span style="color: white;">Ganti URL </span><i style="color: white;">gambar</i><span style="color: white;"> diatas dengan URL </span><i style="color: white;">gambar</i><span style="color: white;"> milik sobat.</span><br style="color: white;" /><span style="color: white;"> Kode </span><tt style="color: white;">no-repeat</tt><span style="color: red;"> </span><span style="color: white;">adalah kode untuk tidak menampilkan </span><i style="color: white;">gambar</i><span style="color: white;"> berulang-ulang, jika memang menghendaki </span><i style="color: white;">gambar</i><span style="color: white;"> yang ditampilkan berulang sampai ke bawah postingan, maka tinggal dihapus saja kode </span><tt style="color: white;">no-</tt><span style="color: white;"> pada kode tersebut</span></span><br /> <div style="color: white;"><span class="fullpost"> <b>Isi Postingan</b> adalah isi dari artikel/post sobat keseluruhan. jadi integrasinya kode diatas adalah mengapit keseluruhan isi artikel milik sobat. <br /> Sebelum <i>posting</i> tersebut diterbitkan, maka sebelumnya di <b>Pratinjau</b> terlebih dahulu.<br /> Setelah semuanya beres, maka terbitkanlah <i>postingan</i> sobat. dan lihat hasilnya.</span></div><div style="color: white;"><span class="fullpost">Satu <i>postingan</i> sobat memiliki <i>background</i> yang berbeda. <br /> <br /> Selamat mencoba</span></div>

Share