PANDUAN CARA MUDAH AGAR POPULAR POST BISA BERJALAN BERGANTIAN BAGI PARA PEMULA
0
komentar
Assalamu'alaikum Wr. Wb.
Salam sejahtera untuk kita semua.
Selamat datang dan berkunjung di Blog saya, Blogger Mania.
Pada kesempatan ini, saya membagikan Tips Blogger saya tentang Panduan Cara Mudah Agar Popular Post Bisa Berjalan Bergantian Bagi Para Pemula. Saya membagikan Tips Blogger ini buat teman-teman semua karena, pasti teman-teman ada yang berfikir bahwa apabila bisa bergerak dan berganti-ganti pasti bisa lebih menarik dari pada cuma diam saja. Oh, iya, postingan yang ini berbeda dengan postingan saya tentang Panduan Cara Mudah Membuat Postingan Blog Bisa Berjalan/Berganti-ganti Bagi Para Pemula. Tapi sebelum sobat membuat ini, sobat pastikan bahwa sobat sudah membuat Gadget/Widget Popular Post. Kalau belum ya silahkan sobat buat dulu biar lebih enak untuk membuat Popular Post tersebut bisa bergerak bergantian.
Kalau sudah buat, langsung saja saya kasih tau caranya. Gini nih caranya...
1. Buka Tata Letak.
2. Pilih dan Klik Tambah Gadget.
3. Kemudian cari dan pilih HTML/Java Script.
4. Isikan Kotak Konten dengan Kode di bawah ini.
<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
}
#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() 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://camporbawor.googlecode.com/files/popularpost2.js"
type="text/javascript"></script>
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
}
#PopularPosts1 ul {
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() 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://camporbawor.googlecode.com/files/popularpost2.js"
type="text/javascript"></script>
5.Klik Simpan. Selesai...
Lihat hasilnya...
Bila ada yang mau ditanyakan silahkan koment-koment di bawah..
Kunjungi juga semua Tips Blogger saya di bawah ini untuk melihat Tips Blogger saya yang lainnya karena masih banyak sekali Tips Blogger Saya yang lainnya.
Ok, cukup sekian posting Tips Blogger saya tentang Panduan Cara Mudah Agar Popular Post Bisa Berjalan Bergantian Bagi Para Pemula. Semoga bermanfaat bagi sobat blogger semua.
Senangnya berbagi dan belajar ilmu blogger...
Salam Blogger Mania...!!
Wassalamu'alaikum Wr. Wb.
Lihat hasilnya...
Bila ada yang mau ditanyakan silahkan koment-koment di bawah..
Kunjungi juga semua Tips Blogger saya di bawah ini untuk melihat Tips Blogger saya yang lainnya karena masih banyak sekali Tips Blogger Saya yang lainnya.
Ok, cukup sekian posting Tips Blogger saya tentang Panduan Cara Mudah Agar Popular Post Bisa Berjalan Bergantian Bagi Para Pemula. Semoga bermanfaat bagi sobat blogger semua.
Senangnya berbagi dan belajar ilmu blogger...
Salam Blogger Mania...!!
Wassalamu'alaikum Wr. Wb.
0 komentar:
Posting Komentar