Cara Membut Efek Post Hover Dengan Menggunakan CSS

Assalamualakum Wr Wb - Setelah Kemaren saya sudah share Artikel "7 Kata-kata Tentang Cinta" Dan Sekarang saya akan sesuai Dengan Judul Yitu Cara Membut Efek Post Hover Dengan Menggunakan CSS, :D

Tentu Sobat Semua sudah tau apa itu hover ? oh ada yang tidak tau. Hover adalah efek yang diterima suatu objek saat di sentuh mouse/kursor, misalnya ketika link saat di sentuh mouse. Nah kalau post itu ada bagian posting, muali dari background, tulisan, semuanya tentang posting deh. Sekarang kita akan mencoba menggabungkan hover dan post dengan CSS, Langsung saja Ke TKP :D.

1. Login Ke Blogger >> Rancangan >> Edit HTML
2. Cari Code </head>
3. Copy Code Di bawah Ini dan Letakan Di Atas Code </head>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <style>
    .hentry:hover {
     background:#ddd -moz-linear-gradient(top,  #ddd,  #80FFFE);background :- webkit-gradient(linear, left      top, left bottom, from(#80FFFE), to(#990099));
    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>

 4. Jangan Lupa Save Template

Nb : Code Yang Berwarna Ungu, Biru,Dan Merah  Ganti Menjadi Selerah kalian, Dan Jika Kalian menggerti Tentang CSS silakan Di Edit :D

Semoga Berhasil Dan Bermanfaat :)