Animasi untuk Artikel Terbaru

info-gamepc.blogspot.com - Ditutorial kali ini, kita akan belajar membuat animasi untuk Postingan terbaru, Ketika postingan terbaru muncul, animasi tersebut akan berubah posisi, mungkin jenis recent post ini menarik perhatian pengunjung, sehingga postingan lainnya akan dibaca, dan pengunjung mungkin akan tinggal lebih lama di blog Anda.

1. Pergi ke Halaman Layout -> Tambah Gadget -> Pilih HTML/Javascript 2. Paste kode dibawah ini kedalam kotak kosong.

<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></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 style="text/javascript"> 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://www.mybloggertricks.org/" target="_blank"><span style="color:#fff;">get this widget here</span></a></small>

3. Simpan