ngoprekBLOG Tips Cara Membuat Popular Post Berjalan

Cara Membuat Popular Post Berjalan

Tips

Bagi kamu yang mau membuat populer post berjalan dengan otomatis saya akan kasih tutorial ini silahkan ikuti langkah-langkahnya

Cara Membuat Popular Post Berjalan

pertama kalian seperti biasa memasang widget kalian yaitu popular post standar pada kalian
kalau sudah memasang widget popular post langkah selanjutnya kalian hanya menambahkan script di bawah ini di widget kalian terserah mau di taruh di mana, yang penting ada di widget kalian. mau di bawah, atas, dll.
caranya memasangnya login blogger>> tata letak>> add gadget>> pastekan script di bawah ini>> simpan>> selesai....

script untuk popular post berjalan

<style type="text/css" media="screen">
    #PopularPosts1 {
     overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:400px;
    }
    #PopularPosts1 ul {
    width:342px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #PopularPosts1 li {
     width:334px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:80px;
    overflow: hidden;
    background:#fff url() repeat-x;
    border:1px solid #ddd;
    }
    #PopularPosts1 li .item-title {
        color:#A5A9AB;
        font-size:1em;
        margin-bottom:0.5em;
    }
    #PopularPosts1 li .item-title a {
     text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #PopularPosts1 li img {
     float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    #PopularPosts1 li .item-snippet {
      overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }
    #PopularPosts1 .item-snippet a,
    #PopularPosts1 .item-snippet a:visited {
        color:#3E4548;
        text-decoration: none;
    }
    #PopularPosts1 .spyWrapper {
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    #PopularPosts1 {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .tags span,
    .tags a {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }
    a img {
        border: 0;
    }
    -->
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
    $(function () {
        $('.popular-posts ul').simpleSpy();
    });
    </script>
    <script src="http://camporbawor.googlecode.com/files/popularpost2.js" type="text/javascript"></script>

Nah itulah sedikit tutorial Cara Membuat Popular Post Berjalan dari saya semoga bermangfaat sampai jumpa di posting selanjutnya

Unknown

Artikel Terkait