Cara menambahkan slide post Gadged blogspot
Assalamualaikum warohmatullahi wabarokatuh
Pada hari ini saya coba berbagi tutorial cara menambahkan slide post gadget di blogspot, sebelumnya juga saya bingung cara memasang slide gadget, saya coba serch di google kebanyakan tutorialnya menggunakan edit html yang kode htmlnya kebanyakan tidak ada di blog, setelah berkali kali serch google akhirnya ketemu juga cara mudahnya enggak perlu repot repot edit htmlnya. Sekarang langsu aja ke topic pembahasanyanya.
Pertama kita login blogspot terdahulu
Setelah login blogspot
Tampil seperti gambar di bawah ini
Lalu pilih Tata letak
Scroll ke bawah samapai kelihatan tampilan seprti di bawah ini
Lalu pilih tambahkan Gadget
Sehingga tampil gambar sebagai berikut
Isi judul sesuai dengan keinginan anda
Lalu Copy html di bawah ini pada konten
<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:#3366ff;}
#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:#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 = 500;
var pause = 3600;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 13;
var numchars = 50;
</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</ul>
</div>
Keterangan :
Tulisan berwarnah merah kecepatan slide berganti
Tulisan berwarna biru jedah mengganti slide ke slide yang baru
Tulisan berwarna ungu jumlah post yang akan di tampilkan
Setelah di copy lalu simpan
Demikian semoga bermanfaat �..untuk melihat tampilanya lihat tampilanya seperti di blog saya.
EmoticonEmoticon