10.10
0
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