Sabtu, 16 Juli 2011

Cara Menambah Hover Pada Saat Cursor di Post

Hai Bloggersz,
Mumpung gara - gara ALEXA saya lagi meningkat jadi saya akan memposting : Cara Menambah Hover Pada Saat Cursor di Post. Kalian coba di halaman utama dan arahkan cursor kalian ke judul artikel atau READ MOREnya. Pasti ada hovernya kan ? Ingin seperti itu ? Jika ingin maka saya akan mempostingnya. Mending ayu ikut langsung ke TKP :
1. Login ke blogger.com (jangan ke facebook.com atau twitter.com hahaha :r )
2. Klik Rancangan
3. Klik Edit HTML (sesudah itu ingat untuk download template)
4. Cari ]]>
5. masukan kode dibawah ini di bawah ]]></b:skin> :
<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. Simpan dan lihat hasilnya
Akhir kata,
Semoga bermanfaat
Disqus Comments