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.
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxDIdgLJzZg0FLGT3r50ZK28w8pt4hza0uwBDNDkRLB7AQvuMm8cdsQERQrrxmLLMYUI9SejcX5vWLwdFRyH8W59c1aZfKWP3R7PBG0t1tNDRvZR5o-h4Z01TrwejyTlkb6PDP2Bn1l85L/s1600/papers.jpg
) no-repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;">
Isi Postingan
</div>
Ganti URL gambar diatas dengan URL gambar milik sobat.
Kode no-repeat adalah kode untuk tidak menampilkan gambar berulang-ulang, jika memang menghendaki gambar yang ditampilkan berulang sampai ke bawah postingan, maka tinggal dihapus saja kode no- pada kode tersebut
Sebelum posting tersebut diterbitkan, maka sebelumnya di Pratinjau terlebih dahulu.
Setelah semuanya beres, maka terbitkanlah postingan sobat. dan lihat hasilnya.
Selamat mencoba
Komentar :
Posting Komentar