Sebenarnya cara ini sudah banyak di share oleh para pencinta blog yang sudah lama bergelut di dunia blogging, Dan tidak seharusnya admin berbagi cara tersebut, tetapi untuk menjawab pertanyaan sahabat BRO seminggu kemarin melalui inbox maka dengan senang hati admin mencoba menerbitkan artikel ini.
Oke sobat kita langsung saja menuju kepusat sariawan...hehehe. Sebelum kita melanjutkan isi dari artikel ini, mungkin ada sahabat BRO yang belum tau apa itu sebenarnya recent post...??? dan yang sudah tau mari kita berbagi pendapat mengenai apa itu recent post...??? kalau menurut admin Recent Post adalah Kumpulan artikel terbaru yang ditampilkan pada suatu elemen widget/gadget berdasarkan feeds yang ditentukan oleh pengguna blog itu sendiri. dan tujuan dibuatnya recent post adalah untuk menampilkan berbagai macam berita terbaru dan terupdate dari blog sobat untuk mempermudah pengunjung mengetahui beberapa artikel terbaru yang telah sobat terbitkan.
Lanjut sobat kepokok pembahasan kita, silahkan ikuti uraian dibawah ini :
1. Silahkan login terlebih dahulu pada blog sobat
2. Pilih Rancangan >> Elemen laman >> Tambah Gadget >> HTML/JavaScript
3. Copy Paste Kode dibawah in kedalam HTML/JavaScript.
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:350px;overflow:hidden;border:solid 2px #2e2e2e;padding:1px 5px 14px 1px;background-color:#transparent;}
#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:80px;padding:5px;list-style:none;}
#rp_plus_img a{color:#e5e5e5; text-decoration:none; text-shadow:1px 2px 3px #ff0000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#cccccc;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 2px #2e2e2e;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://boomersrockon.googlecode.com/files/recentpost.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 = 25;
var numchars = 60;
</script>
<script src="http://boomers-rockon.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
<style type="text/css">
#rp_plus_img{height:350px;overflow:hidden;border:solid 2px #2e2e2e;padding:1px 5px 14px 1px;background-color:#transparent;}
#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:80px;padding:5px;list-style:none;}
#rp_plus_img a{color:#e5e5e5; text-decoration:none; text-shadow:1px 2px 3px #ff0000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#cccccc;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 2px #2e2e2e;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://boomersrockon.googlecode.com/files/recentpost.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 = 25;
var numchars = 60;
</script>
<script src="http://boomers-rockon.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
4. Ganti warna hijua sesuai dengan warna latar background sobat
5. Ganti warna merah dengan url blog sobat
6. Simpan, dan lihat hasilnya.
7. Semoga Sukses
HAPPING BLOGGING...SALAM BRO
1 Comments
