pada postingan kali ini saya akan membagikan suatu trik sederhana yaitu tentang membuat background pda judul blog anda untuk lebih detailnya silahkan ikuti langkah dibawah ini..
Masuk blog anda pilih template/edit html cari kode ]]></b:skin> gunkan ctrl + f untuk mempermudah pencarian jika sudah ketemu copas kode dibawah ini tepat diatas tag ]]></b:skin>
.header h1.title{
background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlogTitleNBTV136H1.png) top repeat-x;
font: normal normal 60px Staccato222 BT;
color: #0066FF;
text-shadow:2px 2px 3px #f8c067;
margin-right:10px;
border:1px solid #eee;
-moz-border-radius:15px;
border-radius:15px;
-webkit-border-radius:15px;
-goog-ms-border-radius:15px;
-moz-box-shadow: 3px 3px 5px #333;
-webkit-box-shadow: 3px 3px 5px #333;
-goog-ms-box-shadow: 3px 3px 5px #333;
box-shadow: 3px 3px 5px #333;
padding:0 20px;
text-align:center;
}
.header h1.title:hover{
background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlogTtl2NBTRedBlackH3V169.gif) left bottom repeat-x;
color:#01dcfd;
background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlogTitleNBTV136H1.png) top repeat-x;
font: normal normal 60px Staccato222 BT;
color: #0066FF;
text-shadow:2px 2px 3px #f8c067;
margin-right:10px;
border:1px solid #eee;
-moz-border-radius:15px;
border-radius:15px;
-webkit-border-radius:15px;
-goog-ms-border-radius:15px;
-moz-box-shadow: 3px 3px 5px #333;
-webkit-box-shadow: 3px 3px 5px #333;
-goog-ms-box-shadow: 3px 3px 5px #333;
box-shadow: 3px 3px 5px #333;
padding:0 20px;
text-align:center;
}
.header h1.title:hover{
background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlogTtl2NBTRedBlackH3V169.gif) left bottom repeat-x;
color:#01dcfd;
jika sudah save template kemudian lihat hasilnya... selamat mencoba semoga bermanfaat....
0 komentar:
Posting Komentar