Cara membuat popular post berjalan pada widget blogspot

Cara membuat popular post berjalan pada widget blogspot

tutorial ini saya ambil dari yang saya lakukan kemaren, bagi kamu yang mau pasan jua bisa ikuti langkah-langkangya yang saya lakukan ini, mungkin kamu bingung cari di mana dan akhirnya nyasar disini, dan mungkin banyak bertanyakan yang menghinggap di benak kalian , mungkn kalian bertanya bagaimana caranya memasang widget popular post berjalan??, atau tutorialnya membuat popular post berjalan??, nah sobat kali ini saya akan kasih tutorial iini bagi sobat blogger beginners semua nah sobat silaka ikuti langkah-langkahnya si bawah ini.

1. pertama kalian seperti biasa memasang widget kalian yaitu popular post standar pada kalian, kalau belum tahu silakan  klik disini
2.  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.
3. 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 itu sia sobat sedikit tutorial dari saya semoga bermangfaat sampai jumpa di posting selanjutnya ya sob... jangan lupa sharing dan komentarnta atau likenya juga boleh... hehehhehe...

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email