Kode html untuk modifikasi tampilan entri populer blog

Langsung saja ya gan,buat kamu yang mau memodifikasi tampilan entri populer blog kamu menjadi lebih keren,kamu bisa mencobanya dengan  tehnik yang saya terapkan di blog saya ini.Gunakan kode html modifikasi tampilan entri populer'nya yang seperti ini:


    .PopularPosts .widget-content ul li {
        padding: 0;
        position: relative;
    }
    .item-snippet {
        font-size: 90%;
        line-height: 1.2em;
        position: absolute;

        width: 230px;
        background-color: whiteSmoke;
        padding: 7px;
        border-top: 2px solid #FF0202;
        z-index: 2;
        left: 300px;
        top: 60%;
        height: 4.5em!important;
        visibility: hidden;
        opacity: 0;

        transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
        -moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
        -webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
        -o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
    }
    .PopularPosts .widget-content ul li:hover .item-snippet {
        left: 60px;
        opacity: 1;
        visibility: visible;

    }
    .PopularPosts img {
        width: 50px;
        height: 50px;
    }
    .PopularPosts .item-title {
        font-family: 'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;
        font-size: 125%;
    }


Dan modifikasi entri populer'nya nanti kalau sudah jadi hasilnya akan seperti ini gan:

Perhatikan gan tampilan modifikasi entri populer baru kamu! perbedaannya dengan tampilan entri populer bawaan yang dari blogger adalah ada garis putus-putus yang memisahkan antara judul artikel yang atas dan yang bawahnya.
Gimana?tertarik?
Kalau kamu tertarik,tetapi belum tahu cara membuatnya,lanjutkan membacanya!

Untuk bisa membuat tampilan entri populer terlihat seperti itu,langkah'nya adalah tambahkan dulu gadget entri populer default atau bawaan'nya dari blogger.
Untuk yang belum tahu cara menambahkannya,ikuti langkahnya seperti ini!
Login ke dashboard blogger kamu!
Jika blog kamu banyak,pilih salah satu blog kamu mana yang akan kamu modifikasi tampilan entri populer'nya.
Kemudian klik opsi lainnya!
Lalu klik tata letak!
Klik tambahkan gadget!








Pilih dan klik entri populer!















 Terus klik simpan!

Kalau tahap yang di atas sudah selesai,selanjutnya:
Edit html template blog kamu!
Caranya:


Ini masih pada halaman yang sama,klik template!
Kemudian klik pada edit html!
Cari kode seperti ini gan!
]]></b:skin>

Kalau kode tersebut di kotak template blog kamu tidak kelihatan,klik dulu anak panah hitam yang terletak di antara angka 13 dan tulisan <b:skin>...</b:skin> ,setelah kamu klik,scroll halaman ke bawah! maka tepat di angka 571,kode ]]></b:skin> di atas akan kelihatan.

Copy kode html untuk modifikasi tampilan entri populer blog'nya! lihat lagi ke bagian atas blog saya ini! biarkan kode html di atas tertulis seperti apa adanya,jangan kamu edit! Kemudian paste kode html tersebut tepat di atasnya kode ]]></b:skin> !
Klik dulu pratinjau! jika tidak ada masalah klik simpan!

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS