Manfaat Tutorial Blog Cara Membuat Recent Post Berjalan di Blog

Cara Membuat Recent Post Berjalan di Blog

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

Sobat yang berminat silahkan ikuti tutorial berikut ;
1. Log in ke akun blog sobat.
2. Klik rancangan -> Elemen laman -> Tambah gadget -> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

Manfaat

"Berikut ini adalah kode script untuk Recent Pos Berjalan"

<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&alt=json-in-script&callback=rpthumbnt">
</script>     </ul>
<small><a href="http://soeryana.blogspot.com/search/label/Tutorial%20Blog" target="_blank">Tutorial Blog</a></small>

* klik link, copy (ctrl + c) dan paste (ctrl + v)*

4. Klik save dan lihat hasilnya. Smoga "Manfaat" .. ^_^

2 komentar

delete

02 Agustus, 2013

thanks sobat Ilmunya...

delete

06 Agustus, 2013

Sama-sama ... ^_^

EmoticonEmoticon

Langganan: Posting Komentar (Atom)