Namun seiring berkembangnya para blogger di indonesia,tidak sedikit yang berpendapat kalau dengan terlalu banyak mendesain tampilan blog,katanya sangat berpengaruh pada nilai blog itu sendiri,seperti pada cara loadingnya jadi agak lambat,terus nilai seonya berkurang dan yah kalau menurut saya kalau terlalu banyak memasang widget itu sangat merugikan blog kita.Apalagi buat blog yang baru dibuat.Nah sekarang mari kita mulai tutorialnya tentang cara membuat popular post cantik slide di blogspot.
Yang pertama harus sobat blogger lakukan adalah copy script di bawah ini lalu simpan di notepad,kali aja nanti ada kesalahan jadi ga bolak-balik lihat scripnya,tinggal buka notepad aja.
Berikut Scriptnya :
<style type="text/css" media="screen">Dan pastekan kode diatas di widget tataletak anda,selamat mencoba ya,semoga bermanfaat.
#Popularposts1 {
overlow: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;
bacground: 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;
bacground:#EFEFEF;
border:0;
}
#popularpsts1 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 >http://silokaliku.blogspot.com/</script>
Baca juga Cara Membuat Judul Blog yang Unik dan Menarik
terimakasih atas kunjungannya