Cara Memasang Widget Recent Posts with Thumbnail

Cara Memasang Widget Recent Posts with Thumbnail

Widget Recent Posts adalah sebuah widget yang menampilkan daftar posting terbaru atau artikel terkini dari sebuah blog. Tujuan utamanya adalah untuk memberitahukan kepada pengunjung blog apa saja artikel terbaru atau artikel yang belum lama dipublikasikan oleh pemilik blog atau sang blogger.

Widget Recent Posts yang akan kita pasang kali ini terlihat sangat dinamis karena dilengkapi dengan animasi atau dapat bergerak. Selain berguna memberitahukan kepada pengunjung tentang artikel terbaru, Widget Recent Posts ini juga dapat mempercantik tampilan blog karena tampilannya yang keren. Dengan demikian pengunjung akan merasa betah berada di blog yang kita kelola untuk membaca artikel-artikelnya.

Cara Memasang Widget Recent Posts Animasi

Cara Memasang Widget Recent Posts

  • Pertama tentu login dahulu ke akun blogger Kemudian pilih menu Tata Letak Tambahkan Gadget Setelah muncul jendela baru, kemudian pilih HTML/JavaScriptCopy kode script di bawah ini, masukkan pada kolom yang disediakan
<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://googledrive.com/host/0B0gPfP3O6xFIRlVuVzFIMFlwSFE/Recent Post.txt" 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&alt=json-in-script&callback=rpthumbnt">
    </script>
</ul>

<small><a href="http://trikseoblogpemula.blogspot.com/2014/01/cara-memasang-widget-recent-posts.html" target="_blank">get this widget here</a></small>
  • Terakhir simpan dan lihat hasilnya 
Begitulah cara memasang Widget Recent Posts animasi ini, semoga dapat memberikan manfaat dan terima kasih telah membaca artikel ini. Salam Blogger

Artikel terkait:

Bagikan: