Senin, 18 Juli 2011

Cara Mengganti Background Pada Blog

Cara Mengganti Background Pada Blog | Beberapa hari yang lalu, ada sobat menanyakan perihal bagaimana caranya untuk mengganti background blog. Menurut saya, ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image, sebenarnya artikel ini telah banyak di posting oleh sahabat blogger yang lain, tapi untuk sekedar mengingatkan jadi gak ada masalah.

Saran saya buat sobat blogger yang ingin mengganti warna background adalah sesuaikan warna latar dengan warna tulisan pada postingan kita, jangan membuat warna yang membuat pengunjung menjadi bingung karena warna tulisan pada postingan kita sulit untuk dibaca.

Buat sobat yang ingin mengganti background blog, silahkan ikuti langkah berikut :

  1. Sign in ke blogger
  2. Klik menu Rancangan
  3. Klik menu Edit HTML
  4. Jangan lupa centang Expand Template Widget
  5. Carilah code css yang mirip seperti code berikut :
  6. body { background:#ffffff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; }
  7. Lihat code #ffffff;, gantilah warna tersebut sesuai dengan keinginan sobat, untuk kode warna, sobat bisa lihat disini

  8. Klik tombol Pratinjau untuk melihat perubahan yang telah dilakukan,
  9. Jika sudah OK, klik tombol Simpan Perubahan Template
  10. Selesai.
Selanjutnya, untuk mengganti background kita menjadi image, hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk image biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya. Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor (repeat). Berikut adalah cara untuk merubahnya :
  1. Sign in ke blogger
  2. Klik menu Rancangan
  3. Klik menu Edit HTML
  4. Jangan lupa centang Expand Template Widget
  5. Carilah code css yang mirip seperti code berikut :
  6. body { background:#ffffff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; }
  7. Lihat code #ffffff;, gantilah kode warna tersebutdengan menambahkan url gambar yang sobat inginkan, sehingga menjadi seperti ini,
  8. body { background:#fff url(‘http://i55.tinypic.com/2hcnr12.jpg’); margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; }
  9. Klik tombol pratinjau untuk melihat perubahan yang telah dilakukan,
  10. Jika sudah OK, klik tombol Simpan Perubahan Template
  11. Selesai.

Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan adalah warna background. Saya rasa ini sangat mudah dilakukan, karena tidak banyak kode yang harus di tambahkan, Selamat mencoba sobat. .

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

© 2013 ™Tutorial-Tutorial | Tips and Trik | Cheat-Cheat | Tips Ebook | Info-Info™. All rights resevered | Share on Blogger Template Free