Thursday, November 24, 2011

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. 

2 comments:

  1. diamankan dulu komentarnya...:)
    makin keren aja sob tipsnya.keren jg kayaknya,tpi sayang saya masih suka bernuansakan hitam pada blog saya.hihihii...

    ReplyDelete
  2. @Ageboy hahaha makasi gan.... layak dah di kasih award

    ReplyDelete

Powered by Blogger.