Patah Online - Salam damai selalu saya haturkan untuk para sahabat ku penyimak artikel ini, semoga dalam keadaan sehat dan baik. Di suasana yang damai ini saya coba untuk membahas bagaimana menambahkan background pada judul gadget/ widget. sebenarnya cara ini sama dengan cara menambahkan background di judul/ title postingan, yang sudah pernah saya bahas sebelumnya, yang membedakan hanya dalam penempatan kode HTML nya saja.
Uke langsung kita menuju caranya :
1. login blogger=> rancangan=> edit HTML
2. download tamplate lengkap ( untuk jaga- jaga apabila terjadi kesalahan )
3. centang/ ceklist Expand Widget Templates
4. cari kode }.sidebar h2 { ( dengan menekan ctrl + F untuk memudahkan dalam pencarian )
background:url(http://i1188.photobucket.com/albums/z403/pattah121/goyang.gif)repeat-x;
contoh penerapan :
}.sidebar h2 {
background:url(http://i1188.photobucket.com/albums/z403/pattah121/goyang.gif)repeat-x;
color: #000000;
font-size: 20px;
font-family: chewy;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
NB: ganti tulisan yang berwarna merah dengan URL gambar anda sendiri. cara mendapatkan url gambar klik disini.
6. simpan tamplate
lihat hasil, selamat judul gadget sobat sudah terdapat background. hasilnya seperti di bawah ini
semoga bermanfaat untuk sobat, dan sukses selalu untuk kalian semua.
15 Komentar
Write Komentarpengen juga ganti background dari judul widget, tapi belum dapat gambar yang bagus sobat...
Replyaris@: kw belum dapat gambar yang bagus coba ngedit gambar sndri ja sob, ini juga sya ngedit sendiri... :)
Replywah keren nih tipsnya.. ane mau cari gambar buat bcground juga ah
Replysob follow balik ya, ane udah jadi follower tu
burhan@: thanks sobat, folback segera menuju :)
Replywahh jadi lebih keren ya sob kalo ada background setiap gadged nya,, heheh, mantab,, :)
Replyrama88@: thanks sob, intinya dengan tambahan background biar lebih rame n berwarna sob...hehehhe...:)
ReplyNah itu dia sobat, pengen buat sendiri, tapi belum ketemu ide yang bgus, nanti backgraounya amburadul sobat...
Replyasis@: hee..heee...selamt mencari ide and semoga idenya lekas di ketemukan.. :)
Replymantap artikelnya
Replymas tosu@: thanks sobat
Replywahh.. mantep nihh
Reply@semewew
Replymksih sob, moga bisa bermanfaat sob :)
Gimana caranya agar 1 widget mempunyai background judul widget yg berbeda sob ? ada yg tau ?
Reply@STARSdotCOM - Game, Software, Anywere
Replydi setiap widget, di tambahin script css aja sob, semacam background url...
wih keren
ReplyJadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon