Membuat Random Post SildeDown Di Blogspot -->

Home/ blogspot/Membuat Random Post SildeDown Di Blogspot

Membuat Random Post SildeDown Di Blogspot

Creative No Limit

Creative No Limit

Minggu, 19 April 2015

Advertisement

ylliX - Online Advertising Network

Advertisement

Random Post Auto SlideDown

Random Post

Random Post, Siapa yang tidak mengetahui tentang postingan random tersebut. Banyak para blogger menggunakan fitur berikut dikarenakan menunjang SEO dan pengunjung akan lebih mudah dan nyaman melihat postingan lama anda dan yang bermanfaat .

Untuk RandomPost berikut menggunakan jquery SlideDown dan berbasis JSON dan Ajax .

Cara memasang random post di blog

1. Copy kode berikut,

<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{
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
}
#rp_plus_img a:hover{
color:#BA0101;
}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:12px;font-size:14px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:left;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
span.news-text{display:none}
</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="https://hafid-it.googlecode.com/svn/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

- Itu adalah kode untuk membuat slideDown RandomPost .

2. Buka Blogspot anda dan masuk menu Tata Letak, lalu klik tambahkan gadget .

3. Akan muncul pop up dan pilih pada HTML / Javascript .

Menambahkan script html di blogspot

Add Script

4. Isikan form pada input ke 2 dan copy text area di atas, lalu tekan tombol Simpan .

Tambah HTML / Script

Tambah HTML / Script

Hasil :

Slide Down Jquery

Slide Down

- Edit tampilan CSS dengan selera anda .

Selamat mencoba .

Advertisement

Advertisement