Kali ini saya akan berbagi tips tentang Cara membuat recent post bergerak ke bawah dan disertai thumbail yang akan muncul di bawah postingan blog.
Cara yang akan saya berikan ini terbilang cukup mudah. widget ini akan sangat berfungsi bila dipasang di blog sobat, karena pengunjung akan melihat artikel-artikel sobat yang lainnya, dengan naiknya jumlah pengunjung tentu rank blog sobat akan semakin naik di mata Google.
oke langsung saja ,,,
1. silahkan masuk ke akun blog sobat
2. pilih template
3. klik edit html
4. cari tulisan <data:post.body/> biar lebih mudah search saja dengan cara menekan tombol ctrl+f
5. pastekan kode berikut tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='border: 4px ridge #000000; padding: 5px; width: 400px;'>
<span style='color: #4c1130;'><span style='background-color: lime;'><span style='font-family: Arial,Helvetica,sans-serif;'>LIHAT ARTIKEL KU YANG LAINNYA YA :)</span></span></span>
<br/>
<center>
<style type='text/css'>
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script>
<script src='http://theplick.googlecode.com/files/newsticker-plick.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id='rp_plus_img'><script>
var numposts = 40;
var numchars = 0;
</script> <script src='http://www.ajibondhankottama.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt'>
</script> </ul>
</center>
6. sebelumnya ganti dulu :
tulisan http://www.ajibondhankottama.blogspot.com dengan alamat blog sobat
var numpost = 40 ,merupakan jumlah postingan yang akan ditampilkan
sobat juga bisa mengedit judul widgetnya LIHAT ARTIKEL KU YANG LAINNYA YA ganti sesuai keinginan sobat
7. lalu klik save dan lihat hasilnya
8. SEMOGA BERHASIL,,,, :)
oke langsung saja ,,,
1. silahkan masuk ke akun blog sobat
2. pilih template
3. klik edit html
4. cari tulisan <data:post.body/> biar lebih mudah search saja dengan cara menekan tombol ctrl+f
5. pastekan kode berikut tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='border: 4px ridge #000000; padding: 5px; width: 400px;'>
<span style='color: #4c1130;'><span style='background-color: lime;'><span style='font-family: Arial,Helvetica,sans-serif;'>LIHAT ARTIKEL KU YANG LAINNYA YA :)</span></span></span>
<br/>
<center>
<style type='text/css'>
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script>
<script src='http://theplick.googlecode.com/files/newsticker-plick.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id='rp_plus_img'><script>
var numposts = 40;
var numchars = 0;
</script> <script src='http://www.ajibondhankottama.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt'>
</script> </ul>
</center>
6. sebelumnya ganti dulu :
tulisan http://www.ajibondhankottama.blogspot.com dengan alamat blog sobat
var numpost = 40 ,merupakan jumlah postingan yang akan ditampilkan
sobat juga bisa mengedit judul widgetnya LIHAT ARTIKEL KU YANG LAINNYA YA ganti sesuai keinginan sobat
7. lalu klik save dan lihat hasilnya
8. SEMOGA BERHASIL,,,, :)
Download GAME dan APLIKASI lainnya :
wah manteb tips tentang recent post nya....
BalasHapustapi mas loading blognya kok berat ya....
iya pak, kalo pake lebih dari 1 widget yang bergerak memang blog nya jadi berat, tapi kalo 1 widget saja yg bergerak saya rasa masih ringan
Hapusohh begitu ya mas, terimakasih ya mas... lang sung pasang ah
Hapusnanti saya cuba.. terima kasih ^_^
BalasHapussemoga berhasil,,
Hapusini tips keren. sekeren blognya
BalasHapussayang aku ga berani utak atik templet
takut error, hehe...
makasih sob,
Hapusbiar gak error di backup dulu sob, templatenya di copy ke notepad/ ms word, nanti kalo error baru di copy lagi ke blog
wah tipsnya bagus gan... blognya keren... sayang saya masih pemula di belog, jadi kalau mau utak atik daleman takut terjadi error, dulu pernah error dan apa yang terjadi keringat dingin bercucurah hehehe
BalasHapussantai aja pak gk bakalan error kok,
HapusMantap bro........
BalasHapusok, thanks sob,
Hapus