Artikel Terbaru :

Selasa, 26 April 2011

Cara Merubah Tampilan Background Blog


B
log Cantik, menarik dan di kunjungi banyak orang merupakan suatu impian bagi para blogger mania, untuk membuat blog tampil cantik dan menarik tentulah kita memerlukan modifikasi di sana sini agar blog kita sesuai dengan keinginan kita, setidaknya menarik dan menghasilkan kepuasan tersindiri bagi kita yang punya blog, memang untuk memodifikasi blog kita harus berkerja keras untuk itu, Sekarang kita merubah tampilan background blog kita. Langkah-langkahnya sebagai berikut :

  • Login ke blog anda Klik Blogger, silakan isi email dan password blog anda
  • Pilih ‘TATA LETAK’
  • Klik "Pilih Edit HTML"
  • Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
  • (gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau yang mirip dibawah ini :
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background : #fff url(http://i1137.photobucket.com/albums/n520/oskartagane/sholat1.png) top center repeat-y;
font-size: small;
}
  • Pada kode diatas yang berwarna hijau adalah kode warna bacground blog, Sedangkan yang berwarna merah adalah alamat image/gambar dari bacground blog. Jika kita praktekkan untuk mengganti warna backgraundnya, Misalnya kita akan mengganti backgrounnya dengan warna hitam (#000000), maka kode diatas akan berubah, seperti dibawah ini :
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background : #000000;
font-size: small;
}
  • Jika anda ingin mengganti bakground dengan gambar/image, anda harus merubah kode diatas, alamat url dengan alamat url gambar anda yang ingin dijadikan background
  • Selesai. 

0 komentar:

Posting Komentar

Terima kasih Atas Komentarnya.

Pasang Iklan Anda Di Sini

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes