Memberi Efek Hover Pada Judul Posting, dimalam yang sesunyi ini aku sendiri tak ada yang menemani jiahh malah nyanyi :) , pada kesempatan kali ini maz dani ingin berbagi Ilmu tentang cara Memberi Efek Hover Pada Judul Posting, untuk mempercantik tampilan blog sobat, efek hover ini akan muncul pada setiap judul postingan yang sobat postingkan
langkah langkah untuk membuatnya cukup mudah, ikuti langkahnya yah kita akan main warna sekarang
1masuk dalam dasbor bloger
2.terus klik rancangan-->edit html(jangan lupa ceklist kotak kecil atas)
3.cari kode </head>
4.masukkan kode berikut dan taruh diatas kode </head>
<style type='text/css'> /* more info: http://dubraw735.blogspot.com */
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> /* more info: http://dubraw735.blogspot.com */
5.simpan dan lihat hasil kerja sobat sekarang
*budayakan download tema lengkap
Jika ingin mengganti warna hover tinggal ganti kode yang di beri warna merah, kreasikan warna sobat disini
Demikian tutorial blog Cara Memberi Efek Hover Pada Judul Posting
langkah langkah untuk membuatnya cukup mudah, ikuti langkahnya yah kita akan main warna sekarang
1masuk dalam dasbor bloger
2.terus klik rancangan-->edit html(jangan lupa ceklist kotak kecil atas)
3.cari kode </head>
4.masukkan kode berikut dan taruh diatas kode </head>
<style type='text/css'> /* more info: http://dubraw735.blogspot.com */
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> /* more info: http://dubraw735.blogspot.com */
5.simpan dan lihat hasil kerja sobat sekarang
*budayakan download tema lengkap
Jika ingin mengganti warna hover tinggal ganti kode yang di beri warna merah, kreasikan warna sobat disini
Demikian tutorial blog Cara Memberi Efek Hover Pada Judul Posting
Page Load
Aduh....
BalasHapusLagi-lagi ga ada demonya .... @@,
Penonton kecewa :vocalist:
demo bisa dilihat disini, perhatikan hover warna hijau
Hapuswah,, bagus neh..
BalasHapusizin share ya,,
thanks..
mantep mas
BalasHapusuntuk demonya ga ada ya mas.. supaya lebih meyakinkan pengunjung bahwa kode ini sudah dicoba...
BalasHapussukses selalu mas...
izin blogwalking mas :
http://miniblogger28.blogspot.com