Cara membuat Post Dengan Efek Hover

Hy semua Sudah lama aku tidak pernah posting. Karena ada banyak kerjaan jadi aku tidak pernah urus blog aku.
hehehheheheheh
Ok kali ini aku akan memberikan cara membuat post dengan efek hover. Pasti kalian sudah tau apa itu Hover? hover adalah sebuah efek apabila terkena mouse atau menyorot mouse dia akan berubah dengan sendirinya.
nah trik ini sama apabila post ini menyetuh mouse dia akan membuat efek hover.
sudalah langsung saja ke tkp.
1. Login Blogger Anda.
2. pilih Rancangan / Design.
3. Pilih Edit HTML.
4. Cari code </head>
5. Letakkan Code dibawah ini tepat diatas code </head>

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

6. Untuk Code yang berwarna hijau silahkan anda ganti dengan warna anda sendiri.
7. Simpan Template.
8. Dan lihat hasilnya.