Tips & Trick Blog | Tutorial Blogspot | Download Template | add Gadget / Widget

Popular Posts

Total Pageviews

Diberdayakan oleh Blogger.

Sponsors

Cara Membuat Recent Post Berjalan di Blog

Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.


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

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


<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;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 = 5;
    var numchars = 0;
   
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>
4. Klik Simpan/Save
5. Selesai.
6. Semoga Bermanfaat...
Anda baru saja membaca artikel yang berkategori dengan judul Cara Membuat Recent Post Berjalan di Blog. Anda bisa bookmark halaman ini dengan URL http://galleryhenry.blogspot.com/2013/04/cara-membuat-recent-post-berjalan-di.html. Terima kasih!
Ditulis oleh: akuntest123 - Senin, 29 April 2013

Belum ada komentar untuk "Cara Membuat Recent Post Berjalan di Blog"

Posting Komentar

Himbauan Berkomentar !

1. No Spamming dan Harus Sopan

2. Jangan Tulis Link Aktif Karena Admin Akan Menghapusnya

3. Cara Berkomentar Untuk Yang Tidak Memiliki Blog :
- Klik Select Profile --> Pilih Name/URL
- Isi Nama Anda dan URL Alamat Profil Facebook atau Twitter Anda
- Klik LanjutkanKetik --> Komentar Anda dan Publikasikan

4. Atau
- Klik Lambang FB yang terletak di samping Lambang Blog
- Ketik Komentar Anda dan anda Klik Comment