Kamis, 15 Maret 2012

Langkah Mudah Membuat Background di Postingan Blog

Ide postingan ini muncul saat saya melakukan blog walking ke beberapa blog. Iseng sih buat cari inspirasi postingan (hehe..). Benar juga setelah melakukan blog walking akhirnya saya menemukan sebuah blog yang menggunakan background pada postingan blognya. Cukup menarik bagi saya untuk mencari langkah-langkah membuat background di postingan blogger. Setelah meminta petunjuk pada mbah Google saya menemukan langkah-langkah pembuatan background di postingan blogger. Begini caranya

  • Buat entri baru atau postingan baru
  • Mode postingan yang dipilih adalah HTML bukan Compose
  • Copy kode berikut 
<div style="background:url(URL GAMBAR) no-repeat center top; text-align:justify; font-size:90%; padding:10px">
Isi artikel yang memakai background
</div>

Read more: http://72bidadari.blogspot.com/2011/09/membuat-background-di-postingan-blog.html#ixzz2FOAUlYQW
  • URL Gambar ganti dengan URL background yang dinginkan. Gambar background yang dinginkan silahkan upload ke webhosting gambar seperti picassa, flickr atau lainnya.
  • Besar kecilnya gambar diperlukan karena jika jumlah artikel hanya lima baris sedangkan gambar background besar maka background yang terlihat tidak seluruhnya. Silahkan seseuaikan dengan jumlah artikelnya.
  • text-align:justify; fungsinya mengatur tata letak tulisan di depan background justify berarti rata seleruh sisi tulisan
  • Isi artikel yang memakai background  letakkan tulisan artikel bro 'n sis di sini
  • Jangan lupa setiap akhir artikel di buatkan kode </div>

Saran
  • Gunakan background yang kontras dengan warna tulisan agar mudah dilihat pengunjung
  • Warna background sesuaikan dengan warna template blog (biar ga @l4y)

  •  

0 komentar: