Cara Membuat Recent Post Berjalan

Cara Membuat Recent Post Berjalan


Recent post 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.

Kali ini saya akan memberi 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 --> Elemen laman --> Tambahkan 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://afrialmangekyuo-ind.blogspot.co.id/2016/09/cara-membuat-recent-post-berjalan.html" target="_blank">get this widget here</a></small>
4. Klik simpan dan lihat hasilnya ^_^

(Sumber)

Berlangganan artikel lewat E-mail

Artikel Lainnya

Selanjutnya
« Artikel Sebelumnya
Sebelumnya
Selanjutnya »

- Dilarang menyertakan link hidup!, Spam tidak diperbolehkan!
- Untuk berkomentar gunakan bahasa yang sopan,, tidak kasar, dan mudah dimengerti EmoticonEmoticon

Diberdayakan oleh Blogger.