Cara Menambahkan Hover Di Kolom Postingan

tadinya saya cuma mau share doang tapi kalau di pikir-pikir bagus juga di pake di blog saya tapi mungkin cuma sebentar sebagai contoh... ini merupakan hover CSS yang berguna untuk apaya?? hiasan di blog dah supaya dipandang agak indah gimana gitu... 
haha LEBAY

bagi yang mau nyobain ini merupakan caranya:

1. Yang pasti masuk ke Blogger dulu gan.
2. Klik Template > Edit HTML > Procced.
3. langsung cari kode ]]></b:skin> {gunakan Ctrl+f agar pencarian lebih cepat} sesudah itu masukan kode berikut di bawahnya.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <style>
    .hentry:hover {
     background:#ddd -moz-linear-gradient(top,  #ddd,  #818181);background:-webkit-gradient(linear, left      top, left bottom, from(#818181), to(#000));
    color:#FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
    .hentry:hover a:link,#posts-list .hentry:hover a:visited {
    color:#FFFFFF;
    }
</style></b:if>
 Keterangan:
☺ Kode yang berwarna abu-abu merupakan warna bagian atas hover.
☺ Kode yang berwarna hijau merupakan warna bagian bawah hover.
☺ Kode yang berwarna merah merupakan warna untuk text hover, berati akan merubah warna text ketika kolom postingan disorot.
☺ Kode yang berwarna kuning merupakan warna hover link untuk setiap link pada kolom postingan yang disorot.

Semua Kode warna tersebut dapat di ubah dengan warna kesukaan anda.
6. Klik Save Template.
selesai...

-Semoga Bermanfaat-
Catatan:
Trik ini hanya berfungsi di halaman Home saja. 
Description: Cara Menambahkan Hover Di Kolom Postingan
Rating: 4.5
Reviewed by: Anonim
On: 04.15
TOP