mengganti background blog dengan gambar

Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog  kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.

Saya akan berbagi tips sedikit yang saya tahu tentang merubah warna background blog atau mengganti background dengan gambar yang sudah sobat upload ke tempat penyimpanan online, misalnya di Google Sites atau Photobucket.


Berikut langkah - langkahnya :

    * Login ke Blogger.
    * Klik Tata Letak --> Edit HTML.
    * Kemudian cari kode yang mirip seperti ini :

      body { background: #FFFFFF;
      margin:0; color:#000000;
      font:12px trebuchet ms;
      text-align: center }


      Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas.
    * Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :

      body { background: #D8D8D8;
      margin:0; color:#000000;
      font:12px trebuchet ms;
      text-align: justify }
    * Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :

      http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800
    * Sehingga hasilnya menjadi seperti berikut ini :

      body { background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800) repeat-x;
      margin:0; color:#000000; font:12px trebuchet ms;
      text-align: justify}
    * Jika sudah selesai kemudian Simpan Template sobat.

Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar.

Kaalu ingin membuat background yang berbeda di tiap posting Ketika kamu akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :

<div style="background:url(alamat_gambar_disini) no-repeat;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.

Artikel Terkait

mengganti background blog dengan gambar

4/ 5

Oleh Noor.Neutron

Noor.Neutron 8/22/2010 2 Komentar