Sabtu, 27 Oktober 2012

Cara Membuat Popular Post Bergerak ke Bawah

Pada Postingan kali ini ARMIFA-BLOGS akan share Tips dan Trik Tutorial Blog tentang " Cara Membuat Popular Post Bergerak ke Bawah ".untuk apa sih gunanya tips ini ? jika sobat memakai cara ini akan membuat tab popular post anda menjadi enak dilihat oleh mata dan tidak memakan banyak tempat. itulah sekilas manfaatnya .
Nah, bagi sobat yang ingin menggunakan Tips ini silahkan ikuti langkah - langkah di bawah ini


1.Pertama Anda log-in dulu ke blog
2. buka menu tata letak
3. jika anda belom memasang popular post pasang dulu yah. Pilih Entri  Populer


4.kalou udah Save.
5.Lalu masuk lagi ke Tata letak , Sekarang pilih Add Gadget
6.Copas kode di bawah ini


<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>




7. Simpan dan lihat hasilnya


Ditulis Oleh : ade miftah fauzi::ARMIFA-BLOG::

Artikel Cara Membuat Popular Post Bergerak ke Bawah ini diposting oleh ade miftah fauzi pada hari Sabtu, 27 Oktober 2012. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat menyertakan link sumber aktif postingan dibawah ini.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.


::get this widget::

Ditulis Oleh : ade miftah fauzi // 10/27/2012
Kategori:

4 comments

20 Januari 2013 02.04

than you...

16 Februari 2013 17.16

You're Well come.

28 Maret 2013 21.28

oh gitu yah , thx informasinya :)

5 Mei 2013 23.54

gan. kalau ada waktu.. Posting cara memasangnya di Wordpress..

NIce Blog.

Posting Komentar

::Terima kasih telah membaca Artikel ini::
Bila anda ingin bertanya atau link yang anda download mati atau rusak silahkan berikan komentar di komentar blog.
^_^ Blog 'ARMIFA-BLOGS' ini "DO FOLLOW" silahkan berkomentar dengan sopan untuk mencari backlink, tapi awas JANGAN NYEPAM YA..!

::Terima kasih::

 

Followers

Site Info Blog