Thursday 22 December 2011

Cara Membuat Background pada Blog

Hal pertama yang harus dilakukan adalah mencari id dari tiap widget yang akan di isikan background, yang ada di sidebar, caranya, buka Blogger --> Design --> Edit HTML, kemudian cari kode :

  1. <div id='sidebar-wrapper'> ini untuk kode css template yang lama atau
  2. <b:section-contents id='sidebar-right-1'> dan kode sebelah ini untuk template baru yang sidebar-nya ada disebelah kanan, pada intinya cari kode yang hampir sama dengan kode tersebut, atau langsung cari kode dibawah.

Setelah ketemu kemudian coba lihat kode dibawahnya, dan cari kode yang dicetak 
tebal dibawah ini.

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

Kode diatas merupakan beberapa kode widget yang biasanya selalu ada di sidebar untuk 
menampilkan widget Follower dan widget Archive.
Untuk melihat id widget diatas coba perhatikan kode yang diberi warna merah, nach kode itulah yang disebut id dari widget.

Untuk lebih memudahkan, saya hanya ambil dua widget saja sebagai contoh.

Setelah mengetahui ID dari tiap widget, tinggal dibuat kodenya.
#Followers1{
background: url('Url gambar')center;
}
#BlogArchive1 {
background: url('
Url gambar
')center;
}


Selanjutnya copy kode  diatas, dan paste-kan tepat diatas kode ]]></b:skin>

Simpan dan lihat hasilnya.

Note :


  1. Url Gambar ganti dengan url gambar anda

0 comments:

Post a Comment

Template by:

Free Blog Templates

Isi Buku Tamu Nya Ya
Jangan Lupa Follow And Like This yo