Ads by BuzzCity

Senin, 24 Oktober 2011

Home » , , » EFEK HOVER JUDUL POSTING

EFEK HOVER JUDUL POSTING

Sesuai dengan judul diatas cukup gampang cara mmbuat/menerapkan efek hover di hudul postingan cukup beberapa langkah edit html dan hasilnya ola menambah nilai plus suatu blog karena pengunjung akan dimanjakan pandangannya dengan efek hover tadi unutk contohnya bisa dilihat judul post ini/lihat tulisan dibawah ini:

                              NRIMO ING PANDUM





 ikuti tutornya dibawah ini:
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 sampingnya
nb:bila ingin menaruh efek hover dalam postingan cukup menambahkan kode berikut:

<h3>Letakkan tulisan yang ingin diberikan efek hover di sini</h3>
 semoga bermanfaat dan ane ucapkan terima kasih kepada bloganol yang telah bersedia membagi ilmunya kepada sesama sobat bloger

Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...