Cara Mudah Membuat Recent Post Thumbnail Keren Bergerak Turun

Selain related post/artikel terkait, resent post pun sangat penting dipasang pada sebuah blog, ini berguna agar pengunjung mengetahui artikel-artikel terbaru dari blog kita. Pada kesempatan kali ini, Kang AP akan berbagi bagaimana cara membuat recent post tersebut. Yang akan Kang AP bagikan bukan hanya recent post thumbnail/bergambar saja melainkankan gambar tersebut bisa bergerak turun, tentunya hal ini akan membuat recent post terlihat tambah keren dan menarik. Bagaimana, apakah anda tertarik untuk memasangnya? Jika tertarik, berikut cara mudah membuat recent post thumbnail keren bergerak turun. Silahkan simak langkah-langkahnya !

1. Langkah pertama, silahkan login dulu ke Blogger

2. Pilih Tata Letak » Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukkan Kode dibawah ini ke dalam kolom HTML/JavaScript

Baca juga :
» Cara Mudah Membuat Related Post/Artikel Terkait
» Cara Mudah Memasang Back To Top Pada Blog
» Cara memasang Profile Keren Pada Blog

<style type="text/css">

    #rp_plus_img{height:460px;}

    #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 = 6;

    var numchars = 0;

</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script>     </ul>

<small><a href="https://goo.gl/5O9VBM" target="_blank">► Salam Blogger ◄</a></small>

5. Simpan dan lihat hasilnya

Demikian cara mudah membuat recent post thumbnail keren bergerak turun, semoga bermanfaat.

Please Share » » Facebook Google+ Twitter