√ Cara Gampang Menciptakan Recent Post Thumbnail Keren Bergerak Turun

Selain related post/artikel terkait, resent post pun sangat penting dipasang pada sebuah blog, ini berkhasiat supaya pengunjung mengetahui artikel-artikel terbaru dari blog kita. Pada kesempatan kali ini, Kang AP akan membuatkan bagaimana cara menciptakan recent post tersebut. Yang akan Kang AP bagikan bukan hanya recent post thumbnail/bergambar saja melainkankan gambar tersebut dapat bergerak turun, tentunya hal ini akan menciptakan recent post terlihat tambah keren dan menarik. Bagaimana, apakah anda tertarik untuk memasangnya? Jika tertarik, berikut cara gampang menciptakan 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 Praktis Membuat Related Post/Artikel Terkait
» Cara Praktis 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/j4vascript">

</script>

<script src="https://sites.google.com/site/unwanted86/j4vascript/recentpost.js" type="text/j4vascript">

</script>

<script type="text/j4vascript">

    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 gampang menciptakan recent post thumbnail keren bergerak turun, semoga bermanfaat.


Sumber http://ap-thea.blogspot.com