Cara Membuat Populer Pos Bergerak Dengan Animasi

Sebelumnya kang dudi mau cerita lucu nih. begini ceritanya ! kalo membuat artikel kang dudi selalu ditulis di microsoft word terlebih dahulu barulah di paste ke new post. Ada hal yang sangat lucu ketika copy paste artikel dari word ke new post . Entah sedang ngelamunin Luna Maya atau ngelamun jadi jutawan kang dudi salah copas judul dimana judul artikel dan isinya gak nyambung sama sekali.Tanpa disadari pula dengan pedenya langsung saja di publish lewat google + . Setelah beberapa jam baru tersadar ketika memcoba melihat blog dan didapati judul artikel dan isinya berbeda. Dan dengan tertawa sendiri langsung saja judul tersebut segera diganti .

Maaf Sudah di delete linknya tapi begitulah ceritanya .gak lucu yach ? biarin yang penting semua happy

Langsung kepokok permasalahan deh biar gak lupa artikel ini sedang mengupas tentang apa.Jangan sampai jatuh untuk kedua kalinya.
Berikut ini kang Dudi akan memberikan tips tentang cara membuat Populer Pos Bergerak Dengan Animasi
Berikut langkahnya :

Pertama tama masuk ke Tata letak
Klik add a gadget
Pilih Entri Populer kemudian simpan
lakukan sekali lagi langkah no 1, kemudian 2
Kali ini Pilih HTML/Java Scrift
Terakhir Copy Paste Code Berikut ini :

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:208px;
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"></scrip <br>

Semoga Membantu...

Cara Membuat Populer Pos Bergerak Dengan Animasi

0 Response to "Cara Membuat Populer Pos Bergerak Dengan Animasi"

Post a Comment