Cara Membuat Recent Post Berjalan

Abis beli bakso siang-siang gini terus ngecek si c-box. Eh, ada pertanyaan dari sodara | Rheyvana | yang seperti ini : "bikin recent posts bgergerak kya punya mu gimana ? "
Maksudnya recent post berjalan yang kayak gimana sih chi? Jawabnya yang kayak gini ini niih..

  Klo sobat liyat punyaku yang di kanan bawah itu kan recent postnya jalan-jalan, hehe..
Dan untuk menjawab pertanyaan itu, segera saya buat postingan ini.
Berikut cara-caranya sobat :

1. Login dulu ke akun Blogger sobat
2. Klik Rancangan >> Elemen Halaman
3. Klik tambah Gadget
4. Pilih HTML/Javascript
5. Dan masukkan kode berikut ini
   

   <center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
       #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 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:85px;padding:0px;list-style:none;}
       #rp_plus_img a{color: #000000;}
       #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
       #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
       #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;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="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
       </script>
       <script type="text/javascript">
       var speed = 1000;
       var pause = 3500;
       $(document).ready(function(){
       rpnewsticker();
       interval = setInterval(rpnewsticker, pause);
       });
       </script>
       <ul id="rp_plus_img"><script>
       var numposts = 20;
       var numchars = 45;
       </script> <script src="http://archigakiarataka.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
       </script> </ul>
       </center></td></tr></tbody></table></center>

6. Terakhir klik Simpan

Note :

• Url yang berwarna merah ganti dengan Url sobat
• Angka yang berwarna biru jumlah post yang ingin di tampilkan

Gimana? Mudah bukan?
Selamat mencoba yaa.. \(^_^)/

Makasih Kunjungannya di Artikel Ini :

Judul: Cara Membuat Recent Post Berjalan

Ditulis oleh Chikita Nawaristika

Rating Blog: 5 dari 5

Jika mengutip harap berikan link yang menuju ke artikel Cara Membuat Recent Post Berjalan ini ya. Jika tidak, maka akan diproses secara DMCA Takedown yang tentu saja tidak baik bagi blog sobat maupun sobat sendiri. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya.

Artikel Terkait