.::иίмвuźźεя вļ∆¢к::. .::↗ ςσммύπίτγ ↖::.. Diberdayakan oleh Blogger.

Senin, 04 April 2011

Cara Memberi Background Gambar pada Posting

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>
 

 
Keterangan :

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

Isi Postingan adalah isi dari artikel/post sobat keseluruhan. jadi integrasinya kode diatas adalah mengapit keseluruhan isi artikel milik sobat.
Sebelum posting tersebut diterbitkan, maka sebelumnya di Pratinjau terlebih dahulu.
Setelah semuanya beres, maka terbitkanlah postingan sobat. dan lihat hasilnya.
Satu postingan sobat memiliki background yang berbeda.

Selamat mencoba
 
 
 

Komentar :

ada 0 komentar ke “Cara Memberi Background Gambar pada Posting”

Posting Komentar

Emoticon

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
 

Siga-me

This Blog is proudly powered by Blogger.com | Template by Angga Leo Putra