Membuat Widget Artikel Terbaru Bergerak dengan Gambar Keren di Blog
- Seperti biasa login ke akun blogger anda terlebih dahulu
- Klik Opsi Lainnya/More Options
- Pilih Menu Tata Letak/Layout
- Kemudian pilih Tambah Gadget/a gadget
- Pilih HTMLJava/Script
- Masukkan kode berikut tepat pada kotak yang tersedia
<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
#8E858A;}
#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 0px
#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&alt=json-in-script&callback=rpthumbnt">
</script>
</ul>
<center><a href="http://adilcyber.blogspot.com/2012/10/membuat-widget-artikel-terbaru-bergerak.html"><img alt="News-Article"src="http://4.bp.blogspot.com/-yxI7_aBIH8E/UAz3ktMYVNI/AAAAAAAACB8/AbYOwawNYw4/s1600/munch_2012_07_23_133144.png"/></a></center>
<center><a href="http://adilcyber.blogspot.com/2012/10/membuat-widget-artikel-terbaru-bergerak.html"><img alt="News-Article"src="http://4.bp.blogspot.com/-yxI7_aBIH8E/UAz3ktMYVNI/AAAAAAAACB8/AbYOwawNYw4/s1600/munch_2012_07_23_133144.png"/></a></center>
- Beri judul sesuai selera seperti "Artikel Terbaru di Blog bla bla bla"
- Terakhir Klik Simpan/Save.
2 komentar: