Secercah Cahaya

Minggu, 11 November 2012

Cara Membuat Background Judul Widget/Gatget Blog

Ada banyak cara untuk mempercantik background Widget/Gatget pada blog dengan judul berada di tengah. Naaah... sobat-sobat yang masih nyubie seperti aku hehehehe.... di samping kiri atas adalah contoh gambar Judul Widget/Gatget.

Caranya ternyata cukup mudah... nyo kita langsung ke... K..T..P.. eit... T..K..P.. :


 CARA 1 
1.
Login/Masuk ke blog
2.
Pilih Opsi lainnya

3.
Pilih Template/Rancangan
4.
pilih Edit/HTML


5.
Pilih Lanjutkan

6.
Centang kotak Expand template widget di kiri atas, trus Klik [F3] atau [Ctrl+F] untuk menampilkan kotak pencarian (lihat di kanan atas)

7.
trus... kopas (copy paste) kode ini ]]></b:skin> pada kotak pencarian, setelah ketemu....
8.
Kopas perintah di bawah ini... di atas kode :  ]]></b:skin>

.sidebar h2 {background: #280201 repeat-x; text-align:center;
margin: 0px 0px 10px 0px;
padding: 8px 0px 8px 0px;
}
9.
pilih Pratinjau untuk mengecek perubahan blog kamu, bila sudah oke (artinya tidak ada keterangan error),
10.
Pilih Simpan Template tunggu sebentar untuk loading
11.
Pilih Tutup
Selesai deh...

 CARA 2 
Yang membedakan antara CARA 1 dan CARA 2 adalah pada no 8, sedangkan yang lainnya sama, nyoooo... kita selesaikan yang no 8 :
8.   Kopas perintah di bawah ini... di atas ini ]]></b:skin>
.sidebar h2 {
background:url(http://i1052.photobucket.com/albums/s459/denidt28/navbar01.png)repeat-x;
color: #ffffff;
text-align:center;
margin: 0px 0px 10px 0px;
padding: 8px 0px 8px 0px;
}
dan... selesai juga deh CARA 2....

Keterangan :
#280201 : Kode warna background
http://i1052.photobucket.com/albums/s459/denidt28/navbar01.png : url background, silakan ganti sama backgroundnya milik sobat, kalo belum punya, ya udah yang diblok merah gak usah diganti.
#ffffff : kode warna huruf
Untuk keterangan kode yang lainnya silakan cari sendiri hehehehe.... nggak deh... maksud aku kita kupas lain kali... setuju.... (Setuju.......) baguuus....

Penting Banget nih....
Usahakan simpan dulu Template sobat sebelum dibongkar-bongkar... dah tau kan cara nyimpen templatenya... kalo belum... Klik aja disini

Semoga membantu sobat Blogger yang lagi nyubie-nyubienya.... SEMANGAT....

1 komentar: