Pada postingan kali ini saya akan membagikan suatu trik sederhana yaitu tentang membuat background pada judul blog anda membuat tampilan seperti ini tidak sulit hanya dengan mengikuti langkah dibawah ini dengan benar maka akan bisa diterapkan diblog...
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....
No comments:
Post a Comment