Selasa, 10 September 2013

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 :






11 komentar:

  1. wah manteb tips tentang recent post nya....

    tapi mas loading blognya kok berat ya....

    BalasHapus
    Balasan
    1. 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

      Hapus
    2. ohh begitu ya mas, terimakasih ya mas... lang sung pasang ah

      Hapus
  2. nanti saya cuba.. terima kasih ^_^

    BalasHapus
  3. ini tips keren. sekeren blognya
    sayang aku ga berani utak atik templet
    takut error, hehe...

    BalasHapus
    Balasan
    1. makasih sob,

      biar gak error di backup dulu sob, templatenya di copy ke notepad/ ms word, nanti kalo error baru di copy lagi ke blog

      Hapus
  4. 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

    BalasHapus