Minggu, Maret 31

Memasang Gambar Background di Blog

Cara ini digunakan untuk mengubah/menambahkan gambar pada header, post, sidebar, dan body secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.Namun untuk mengganti seluruh bagian backround/latar di blog sobat, gunakan cara berikut :
1. Login ke blogger.com
2. Setelah Login, klik Template => Edit HTML => centang Expand Template Widget.
3. Pada tutorial kali ini saya akan memberikan gambar background pada header, jika sobat ingin menambahkan gambar pada bagian body, post, ataupun sidebar caranya hampir sama.
cari kode :

#header-wrapper {background-color:#000;.......
4. Hapus pada bagian background-color:#000; dan ganti dengan kode berikut :
background:url(http://alamat-url-gambar.jpg/png) no-repeat #000;
hasilnya seperti berikut :
#header-wrapper {background:url(http://alamat-url-gambar.jpg/png) no-repeat #000;.......
5. Ganti http://alamat-url-gambar.jpg/png dengan url dengan url gambar sobat.
6. Klik Pratinjau terlebih dahulu, jika sudah bagus maka klik save dan lihat hasilnya.

Jika sobat ingin menganti background body, post atau sidebar cukup cari kode berikut :
body {......., sidebar-wrapper {......, post {........
Sekian dulu postingan saya kali ini semoga bermanfaat....!!!

Tidak ada komentar:

Posting Komentar

Apabila ada yang kurang jelas, jangan sungkan-sungkan berkomen.
Komentar anda sangat dibutuhkan agar blog ini menjadi lebih baik :)

Berkomentarlah dengan sopan dan diusahakan komentar yang membangun