Pilih Warna Baground Yang Anda Suka
Latest

Cara Membuat Recent Post Berjalan di Blog

kevinservis 27 Mar 2013

Cara ini ampuh dan bisa digunakan di all search engine seperti firefox, chrome, opera, dll.Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ke bawah. Contohnya :


 
Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut. 



ingat ! script ini support Google Chrome, Internet Explorer, maupun Firefox.
soalnya aku pernah coba script lain dan hasilnya hanya berjalan di Firefox saja, .
sungguh beruntung sahabat TTB karena aku udah sempurnakan scriptnya.


Langsung saja :


1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
#rp_plus_img{height:555px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;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/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
  
</script>
<ul id="rp_plus_img"><script>
    var numposts = 21;
    var numchars = 45;
  
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://free-full-down-load.blogspot.com/2012/10/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>


4. Klik save dan lihat hasilnya.

Recent Post ini sudah terbukti ampuh di Firefox, Chrome, maupun Internet Explorer.
Sekian dan terima kasih banyak atas kunjunganya.
Share this article :

Ditulis Oleh : kevinservis ~ http://kevinservis.blogspot.com/

Artikel Cara Membuat Recent Post Berjalan di Blog ini diposting oleh kevinservis pada hari 27 Mar 2013. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar , Mohon jangan pasang Link hidup di komentar contoh Link hidup google , yahoo , bing , alexa yang diperbolehkan di kotak komentar contoh Link http://blogspot.com Terimakasih



Artikel terkait:

 

Posting Komentar

 
Copyright © 2013. Cikevin - All Rights Reserved
Powered By Blogger