CARA MEMBUAT POPULAR POST BERGERAK KEBAWAH

Oke para sobat Blogger. Siang-siang begini enaknya minum es jeruk tambah bikin posting lagi kali ya, haha. Kali ini saya akan berbagi tentang Cara Membuat Widget Recent Posts Bergerak di Blog. Mungkin memang widget recent posts ini telah disediakan Blogspot yang dapat sobat pasang dengan mudah. Namun ada kelebihan dengan widget Recent Posts yang satu ini yang membuat para Blogger lebih memilih widget ini daripada dengan yang telah disediakan Blogspot. 

Widget ini akan menampilkan posting-posting terbaru dari Blog sobat dengan jumlah tampilan yang telah disesuaikan. Kelihatan tambah bagus lagi karena widget ini bergerak dropdown ke bawah. Dan posting yang ditampilkan paling bawah akan kembali lagi ke paling atas. Begitu juga seterusnya.

OK, langsung saja berikut cara-caranya:

1. Login ke akun Blogger sobat.

2. Masuk pada bagian Tata letak.

3. Klik Tambahkan Gadget di posisi yang sobat inginkan.

4. Pilih mode HTML/Javascript.

5. Masukan kode berikut ini.

<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 = 400;

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>

</div>

6. Klik Simpan, selesai.

CARA MEMBUAT POPULAR POST BERGERAK KEBAWAH 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'CARA MEMBUAT POPULAR POST BERGERAK KEBAWAH' On ...

Ditulis Oleh : Unknown

Sobat sedang membaca artikel tentang CARA MEMBUAT POPULAR POST BERGERAK KEBAWAH. Oleh Mas Alim, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya, hak cipta dilindungi! <a href="http://masalim93.blogspot.com/2013/06/cara-membuat-popular-post-bergerak.html" target="_blank">CARA MEMBUAT POPULAR POST BERGERAK KEBAWAH</a>

::www.facebook.com/al.alim18::

Ditulis oleh: Unknown - Minggu, 16 Juni 2013