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.


KOMENTAR DISINI

ARTIKEL TERBARU:

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.


KOMENTAR DISINI

ARTIKEL TERBARU:

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.

KOMENTAR DISINI

ARTIKEL TERBARU: