Cara membuat popular post berjalan pada widget blogspot




langkah-langkahnya:
  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>
sekian :)
 
 
 

1 comment:

Jangan sungkan-sungkan komen di mari gan...
:)

Hidup Indah bila Mencari Berkah