Membuat Background pada judul Postingan


Selamat pagi menjelang siang kawan...
Masih suka ngedit blog ??? masih dunk... Kali ini saya akan ajarkan anda untuk membuat background pada judul postingan, Lihat contoh dibawah ini !



Nah kita akan membuat seperti itu nanti, mau tidak ?? kalo mau yuk mulai..

Dashboard > Template > Edit HTML
Tekan Ctrl + F , cari kata kode berikut  .post h3 { atau jika tidak ketemu, cari yang ini h4}
Salin dan Tempel skrip dibawah ini tepat di BAWAH kode tadi :

border:0px dashed #cc99cc; 
text-align: center;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}
atau kalo tidak ketemu antar dua kode di atas, cari yang ini  .post h3 { dan tempelkan kode berikut dibawah kode 
 border: 3px solid #C0C0C0; background: url(URL BACKGROUND); 

Untuk URL masukkan kode URL Gambar bisa anda dapatkan Disini 
Preview Hasil editan anda. jika sudah pas, langsung Simpan..

Selamat Mencoba .. Eits.. jangan lupa kasih komentar yaa  Terimakasih ....


Referensi :
http://www.lyssasecret.com/2010/12/tutorial-post-title-background.html#.UdjrLtLwl1g

No comments:

Post a Comment

newer posts older posts back to home