cara membuat dan memasang entri popular bergerak kebawah tanpa edit HTML

cara membuat entri popular yang ada di samping blog juragan bergerak kebawah, agar blog juragan terlihat hidup dan menarik, dan caranya mudah tidak perlu edit HTML dan tidak memberatkan loading blog juragan.seperi ini penampakanya.

berikut langkah langkah membuatnya
pertama login ke akun kesayangan juragan setelah masuk dashbord
pilih tata letak> rancangan/layout >add gadget> tambah gedget entri popular seperti ini

setelah di simpan kemudian tambah gadget lagi tapi kali ini bukan tambah entri popular lagi tapi tambah HTML java script seperti ini.





kemudian copy script di bawah ini dan paste di HTML java script tersebut

<style type="text/css" media="screen">
    #PopularPosts1 {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:400px;
    }
    #PopularPosts1 ul {
    width:340px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #PopularPosts1 li {
    width:340px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:80px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) 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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

kemudian simpan dan lihat hasilnya.


loading...

ARTIKEL TERBARU:

ARTIKEL LAINYA:

    Direkomendasikan

    cara membuat dan memasang entri popular bergerak kebawah tanpa edit HTML

    cara membuat entri popular yang ada di samping blog juragan bergerak kebawah, agar blog juragan terlihat hidup dan menarik, dan caranya mudah tidak perlu edit HTML dan tidak memberatkan loading blog juragan.seperi ini penampakanya.

    berikut langkah langkah membuatnya
    pertama login ke akun kesayangan juragan setelah masuk dashbord
    pilih tata letak> rancangan/layout >add gadget> tambah gedget entri popular seperti ini

    setelah di simpan kemudian tambah gadget lagi tapi kali ini bukan tambah entri popular lagi tapi tambah HTML java script seperti ini.





    kemudian copy script di bawah ini dan paste di HTML java script tersebut

    <style type="text/css" media="screen">
        #PopularPosts1 {
        overflow:hidden;
        margin-top:5px;
        padding:0px 0px;
        height:400px;
        }
        #PopularPosts1 ul {
        width:340px;
        overflow:hidden;
        list-style-type: none;
        padding: 0px 0px;
        margin:0px 0px;
        }
        #PopularPosts1 li {
        width:340px;
        padding: 5px 5px;
        margin:0px 0px 5px 0px;
        list-style-type:none;
        float:none;
        height:80px;
        overflow: hidden;
        background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) 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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

    kemudian simpan dan lihat hasilnya.


    loading...

    ARTIKEL TERBARU:

    ARTIKEL LAINYA:

      Direkomendasikan

      cara meng convert video agar bisa di putar di hp

      kali ini saya cuma memberi cara merubah video agar bisa di putar di hp. masalah sofware yang di pake cari saja di google dan cari nama sofware seperti gambar dibawah. karna saya tidak menyediakan di blog yang ini . berikut caranya

       pertama instal,
      di pertengahan akan muncul seperti ini klik NEXT saja



      kemudian klik YES



      kemudian klik NO
      dan FINISH


      setelah instalasi selesai tinggal convert videonya lihat gambar

      1. add video ,pilih video yang akan di rubah
      2. pilih format video yang di butuhkan 3gp,mp4 dan lain-lain tergantung hp yang di gunakan
      3. convert

        tunggu hingga selesai.

        setelah selesai cari video yang di convert tadi. biasanya ada di drive C 

      dan selesai. monggo di coba.
      loading...

      ARTIKEL TERBARU:

      ARTIKEL LAINYA:

        Direkomendasikan