Cara Menambahkan Widget Recent Post Dengan Efek Slide Down

Cara Menambahkan Widget Recent Post Dengan Efek Slide Down - Penting bagi anda para blogger untuk menunjukkan update artikel terbaru blog anda kepada pengunjung. Hal ini bertujuan agar pengunjung dapat mengetahui update artikel blog anda dan membacanya. Untuk itu saya akan share cara menambahkan widget recent post/artikel terkini dengan efek slide down yang bisa berganti-ganti tampilannya.

1. Masuk ke akun blogger anda.

2. Pergi ke tata letak -> tambah gadget -> html/javascript.

3. Copy dan paste script di bawah ini pada kotak yang besar.

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#04B404;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:14px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Anda bisa ganti text berwarna oranye untuk mengubah warna text
Anda bisa ganti text berwarna merah untuk mengubah jumlah post yang ditayangkan
Anda bisa ganti text berwarna biru untuk mengubah jumlah kalimat yang ditayangkan

4. Anda bisa memberinya judul Artikel Terbaru atau Artikel Terkini.

5. Klik "simpan".

Selesai. Periksa blog anda dan pastikan widget recent post sudah terpasang dengan benar.
Semoga bermanfaat ^_^

1 comments:

Hargai penulis dengan memberikan komentar yang baik dan mengklik iklan yang ada

Rules komentar :
1. No SPAM
2. No live link (link aktif)
3. Jika bertanya gunakan akun yang terdaftar
4. Komentar yang tidak pantas akan dihapus oleh admin

 
Top