CARA MUDAH MEMBUAT RECENT POST BERGERAK DENGAN THUMBNAIL DI BAWAH POSTINGAN BLOG


 (( See my Instagram at https://www.instagram.com/ajibondhan_k/ )) or ID= aji bondhan kottama ?:) 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 == &quot;item&quot;'>
<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&amp;alt=json-in-script&amp;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 :

No comments:

Post a Comment