Ionix Eternal

Programmer, Design Graphic and Web Developers

Full width home advertisement

Travel the world

Climb the mountains

Post Page Advertisement [Top]

Memberi Efek Hover Pada Judul Posting

Memberi Efek Hover Pada Judul Posting
Memberi Efek Hover Pada Judul Posting, pada kesempatan kali ini AgungNTS 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,

Cara:
1. masuk 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'>
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 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 di bawah ini




Colour Generator:
Copy kode Hexnya saja ^_^

No comments:

Post a Comment

Bottom Ad [Post Page]