Cara Membuat entri populer bergerak

Cara Membuat entri populer bergerak

”BIAR BLOG KAMU JADI LEBIH HIDUP”

1.      Masuk ke dashboard blog kamu

2.      Masuk ke tata letak

3.      Tambahkan  gadget, pilih HTML/Javascript

4.      Copas coding ini dikonten html tadi

 

<style type="text/css" media="screen">

#PopularPosts1 {

overflow:hidden;

margin-top:2px;

padding:0px 0px;

height:400px;

}

#PopularPosts1 ul {

width:280px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#PopularPosts1 li {

width:280px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:80px;

overflow: hidden;

background:none;

border:1px solid #ddd;

}

#PopularPosts1 li .item-title {

    color:#A5A9AB;

    font-size:12px;

    margin-bottom:2px;

}

#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:12px;

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"></scrip></script>

5.      Save

Perlu di inget

Jangan sampe ada coding yang ga di copy ya…

Terimakasih semoga bermanfaat..kunjungi juga cara mengucapkan selamat datang di blog hery_el’abror dibawah menu navigasi klik disini

Anda baru saja membaca artikel yang berkategori artikel dengan judul Cara Membuat entri populer bergerak. Anda bisa bookmark halaman ini dengan URL http://dunia3-ilmu.blogspot.com/2013/05/cara-membuat-entri-populer-bergerak.html. Terima kasih!

Ditulis oleh: Unknown -