Cara Membuat Recent Post Berjalan di Blog

clip_image002
ARTRIK”SHARE: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 --> Elemen laman --> 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="artrikshare.blogspot.com/2014/07/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

 
4. Klik save dan lihat hasilnya.
semoga bermanfaat,,dan selamat mencoba


Silakan Baca juga:
dan untuk lebih detailnya lagi silakan Baca juga Kumpulan Tutorial Bloog Lengkap





Title : Cara Membuat Recent Post Berjalan di Blog
Description : ARTRIK”SHARE : Cara Membuat Recent Post Berjalan di Blog - Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terki...

0 Response to "Cara Membuat Recent Post Berjalan di Blog"

Tentang Penulis

seocips f G t
Hai, Nama saya Ahmad Muhibbin saya lahir di kota
Probolinggo – Jawa Timur.
dan Kuliyah di STIA BAYUANGGA
Lebih lanjut mengenai Saya.
Read More »

popular

ARTIKEL DI BLOG INI

PLEASE SUBSCRIBE MY YOUTUBE CHANNEL

Related Post