Mempercantik Blog Dengan Memberikan Background Sendiri Pada Judul Postingan

Salam sejahtera buat agan- agan semua, semoga di malem yang radak mendung ini selalu diberikan kebahagian, baik secara jasmani maupun rohani...amiiennn............, Dalam tulisan saya kali ini, saya mencoba untuk sedikit berbagi seputar blogger, dimana tulisan saya ini ku beri judul " Mempercantik Blog Dengan Memberikan Background Sendiri Pada Judul Postingan". contohnya seperti di bawah....
judul-posting
background title posting

oke tanpa perlu lama- lama langsung ja caranya seperti di bawah ini:
1. login blogger -->  rancangan --> edit HTML
2. contreng Expand Template Widget
3. cari kode h3.post-title, .comments h4 {
4. letakan kode di bawah ini tepat di bawah h3.post-title, .comments h4 {

background: url( http://2.bp.blogspot.com/-IOxI8nC6WAk/Tr6StW3Yo8I/AAAAAAAAAPI/UT0JM7BA4fs/s1600/245.jpg )repeat-x;


contohnya seperti di bawah ini :


h3.post-title, .comments h4 {
 background: url(http://2.bp.blogspot.com/-IOxI8nC6WAk/Tr6StW3Yo8I/AAAAAAAAAPI/UT0JM7BA4fs/s1600/245.jpg)repeat-x;
 color: #071019;
 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.

5. terakhir simpan tamplate
Selain judul posting, judul widget/ gatget bisa juga lho di kasih beckground.
lihat hasilnya dan...teeereeeeennngggggg.......judul blog kita berubah sesuai ke inginan kita...hehhehe...,
semoga tulisan saya ini bermanfaat untuk agan-agan semua...ammieennn....untuk yang ingin nambahi silahkan berComent lah dibawah ya....
Previous
Next Post »

6 Komentar

Write Komentar
November 27, 2011 at 12:58 AM delete

wah keren gan..??
cb ah.? tp g pnya gambar yg pas ma template saya.?
klo yg buat gadget gmn gan..?

Reply
avatar
November 27, 2011 at 4:30 AM delete

masnady@: untuk yang gadget sama gan cman penerpanya ada yang berbeda, di postingan terbaru sudah saya tulis,,,,silahkan dilahat aja sob :)

Reply
avatar
November 27, 2011 at 10:07 AM delete

wah gan.? dah bs saya..?
smlm cb otak atik HTML,ahir nya ktemu jg.?
abis dpat ilmu dr agan yg buat judul post,
cb2 dech buat yg untuk gadget,
makasih ilmu nya gan..?

Reply
avatar
November 27, 2011 at 1:08 PM delete

masnady@: untuk yang judul gadget sudah sya posting sob, silahkan dilihat ja sob, sama2 sob... :)

Reply
avatar
ABC blog
AUTHOR
December 19, 2011 at 6:02 PM delete

wah.. agak susah spertinya gan .. ane gak bisa..hehe
beda template bada caranya ya??
follback ya gan

Reply
avatar
December 19, 2011 at 6:50 PM delete

@ABC blog
susah dalam penempatan kode css nya ya so, cari aja kode css yang hampir sama dengan h3.post-title, .comments h4 { psti ada sob, pasti ada sob...

Reply
avatar

Jadilah 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