Minggu, 02 Desember 2012

Cara Membuat Recent Post Bergerak Blogspot

Cara Membuat Recent Post Bergerak pada blogspot

Untuk menginformasikan tentang artikel terbaru anda, bisa dengan memberikan efek Recent Post atau artikel terbaru yang bergerak pada widget Recent Post atau artikel terbaru. Cara membuat Recent Post bergerak adalah dengan membuat tambah gadget (HTML/JavaScript) pada sidebar blog, kemudian masukkan kode Script berikut pada kotak kode Script. Anda hanya perlu mengganti Judul dan kode URL dengan URL blog anda.


Membuat Recent Post bergerak:

  • Masuk ke Dashboard blog anda.
  • Pilih Tata Letak/Rancangan
  • Pilih Tambah Gadget, lalu pilih HTML/JavaScript
  • Masukkan kode berikut ini.

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://musttrie-art.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Ganti kode http://musttrie-art.blogspot.com dengan url anda.
  • Klik Simpan.
Mudah dan cepat, sekian info tips cara membuat Recent Post bergerak pada blog.

Tidak ada komentar: