Sahabat blogger, pada kesempatan ini saya ingin berbagi pengalaman mengenai cara membuat efek hover pada judul postingan di blog.
Caranya cukup mudah, ikuti tutorial berikut ini :
1.Silahkan Login ke Blog sahabat
2.Klik Rancangan " Edit HTML " ( Jangan Lupa Centang " Expand Template Widget "
3.Cari Kode </head> , Untuk Memudahkan pencarian Tekan Control+F
4.Masukkan kode berikut dan pasang diatas kode </head>
<style type='text/css'>
h3{font-family:veranda !important; font-style:italic !important}
.post h3{color:#666; border-left:10px solid #666; border-right:10px solid #666; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; -moz-box-shadow:0px 0px 13px #666}.post h3:hover{color:#FF133F; border-left:10px solid #FF133F; border-right:10px solid #FF133F; box-shadow:0px 0px 13px #FF133F; -webkit-box-shadow:0px 0px 13px #FF133F; -moz-box-shadow:0px 0px 13px #FF133F}
</style>
5. Simpan Template dan lihat blog sahabat
Demikian Tutorial cara memasang efek Hover pada judul postingan blog sahabat. Semoga Bermamfaat
0 komentar:
Posting Komentar
Terima Kasih Atas Komentar Anda
Click to see the code!
To insert emoticon you must added at least one space before the code.