Cara Membuat Random Post Bergerak Di Blog

Kali ini mau berbagi bagaimana membuat recent post random/mengacak dengan thumbail.. mungkin ini bisa membantu sobat kalau ada posting yang lama dan jarang di lihat orang lain lagi, dengan adanya recent post ini, karena berkerja menampilkan posting secara random, ada kesempatan posting sobat yang sudah lama ~~dan kusam~~ akan muncul kembali dan pengunjung pun bisa melihatnya juga.. lumayankan untuk menambahkan popularitas untuk post sobat yang sudah lama.

Fitur

Berganti post dengan cara Bergerak Ke Bawah

Cara

masuk ke Tata Letak
Tambahkan Gadget
cari HTML/JavaScript
masukan kode di bawah ini...
Lalu save.

#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>

var speed = 400;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

var numposts = 20;

var numchars = 60;

</script>

</ul>

</div>

Keterangan :

kode yang warna Hijau adalah kecepatan untuk berpindahnya post ke post lain,, jika perlu sobat bisa ubah kecepatannya..
kode yang warna Pink adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu..
kode yang warna Orange adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati.. :)

nanti hasilnya akan seperti ini..

Saya ambil dari blog saya sendiri.. hehee.. :D ,menarik tidak..? :D semoga bermanfaat saja untuk sobat semuanya.. saya hanya berbagi.. berbagi itu indah loh sobat.. hahaa.. :D ,jangan lupa tinggalkan komen yaa..? terima kasih.. :)

www.riyanghifar.com Link Sumber Klik DISINI

Silahkan Copas Tutorial Ini Tapi Jangan Lupa Mencantumkan Link Awal :

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-1uS-0z1TUP4/UZt2ATCQePI/AAAAAAAAAoQ/l5WPvrdE9l4/s1600/index.jpeg" /></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Kali ini mau berbagi bagaimana
membuat recent post random/mengacak dengan thumbail.. mungkin ini bisa
membantu sobat kalau ada posting yang lama dan jarang di lihat orang
lain lagi, dengan adanya recent post ini, karena berkerja menampilkan
posting secara random, ada kesempatan posting sobat yang sudah lama <strike>dan kusam </strike>akan
muncul kembali dan pengunjung pun bisa melihatnya juga.. lumayankan
untuk menambahkan popularitas untuk post sobat yang sudah lama.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: blue; font-family: inherit;"><b>Fitur</b></span></div>
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><span style="font-family: inherit;">Berganti post dengan cara Bergerak Ke Bawah</span></li>
</ul>
<div style="text-align: justify;">
<span style="color: blue; font-family: inherit;"><b>Cara</b></span></div>
<ol>
<li style="text-align: justify;"><span style="font-family: inherit;">masuk ke Tata Letak</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Tambahkan Gadget</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">cari HTML/JavaScript</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">masukan kode di bawah ini...</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">Lalu save.</span></li>
</ol>
<div style="text-align: justify;">
<span style="font-family: inherit;"></span><br />
<div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px; text-align: left;">
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><div style="margin-bottom: 15px;"></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><style type="text/css"></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img ul{list-style-type:none;margin:0;padding:0}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img li{height:70px;padding:1px;list-style:none;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img a{color:#3366ff;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"></style></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><script
type="text/javascript"
src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><script type="text/javascript"></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">var speed = <b><span style="color: lime;">400</span></b>;</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">var pause = <b><span style="color: magenta;">3500</span></b>;</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">$(document).ready(function(){</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">rpnewsticker();</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">interval = setInterval(rpnewsticker, pause);</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">});</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"></script></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><ul id="rp_plus_img"></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><script style="text/javascript"></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">var numposts = <b><span style="color: orange;">20</span></b>;</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">var numchars = 60;</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"></script></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"></ul></span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"></div></span></div>
</div>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Keterangan :</span></div>
<ol>
<li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna <span style="color: lime; font-weight: bold;">Hijau </span>adalah kecepatan untuk berpindahnya post ke post lain,, jika perlu sobat bisa ubah kecepatannya..</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna <span style="color: magenta; font-weight: bold;">Pink </span>adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu..</span></li>
<li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna <span style="color: orange; font-weight: bold;">Orange</span> adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati..  :)</span></li>
</ol>
<span style="font-family: inherit;"><span style="font-family: inherit;">nanti hasilnya akan seperti ini..</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" height="320" width="279" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Saya ambil dari blog saya sendiri..
hehee.. :D ,menarik tidak..? :D semoga bermanfaat saja untuk sobat
semuanya.. saya hanya berbagi.. berbagi itu indah loh sobat.. hahaa.. :D
,jangan lupa tinggalkan komen yaa..? terima kasih.. :)</span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><a href="http://www.riyanghifar.com/">www.riyanghifar.com</a> Link Sumber Klik <a href="http://zhalltrozans.blogspot.com/2013/03/cara-membuat-random-post-bergerak-di.html" rel="nofollow" target="_blank"><blink>DISINI<blink></blink></blink></a> </span></div>
<br />
<span style="font-family: inherit;"><span style="font-family: inherit;">Silahkan Copas Tutorial Ini Tapi Jangan Lupa Mencantumkan Link Awal :</span></span><br />
<br />
<div style="border: 2px solid #2a09ee; height: 400px; overflow: auto; padding: 10px; width: 580px;">
<span style="font-size: 100%;"><div class="separator" style="clear: both; text-align: center;"><br /><img border="0" src="http://1.bp.blogspot.com/-1uS-0z1TUP4/UZt2ATCQePI/AAAAAAAAAoQ/l5WPvrdE9l4/s1600/index.jpeg" /></div><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;">Kali ini mau berbagi bagaimana <br />membuat recent post random/mengacak dengan thumbail.. mungkin ini bisa <br />membantu sobat kalau ada posting yang lama dan jarang di lihat orang <br />lain lagi, dengan adanya recent post ini, karena berkerja menampilkan <br />posting secara random, ada kesempatan posting sobat yang sudah lama <strike>dan kusam </strike>akan<br /> muncul kembali dan pengunjung pun bisa melihatnya juga.. lumayankan <br />untuk menambahkan popularitas untuk post sobat yang sudah lama.</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;"><br /></span></div><br /><div style="text-align: justify;"><br /><span style="color: blue; font-family: inherit;"><b>Fitur</b></span></div><br /><div style="text-align: justify;"><br /></div><br /><ul><br /><li style="text-align: justify;"><span style="font-family: inherit;">Berganti post dengan cara Bergerak Ke Bawah</span></li><br /></ul><br /><div style="text-align: justify;"><br /><span style="color: blue; font-family: inherit;"><b>Cara</b></span></div><br /><ol><br /><li style="text-align: justify;"><span style="font-family: inherit;">masuk ke Tata Letak</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">Tambahkan Gadget</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">cari HTML/JavaScript</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">masukan kode di bawah ini...</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">Lalu save.</span></li><br /></ol><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;"></span><br /><br /><div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px; text-align: left;"><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;div style="margin-bottom: 15px;"&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;style type="text/css"&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img ul{list-style-type:none;margin:0;padding:0}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img li{height:70px;padding:1px;list-style:none;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img a{color:#3366ff;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;/style&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;script <br />type="text/javascript" <br />src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"&gt;&lt;/script&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;script type="text/javascript"&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">var speed = <b><span style="color: lime;">400</span></b>;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">var pause = <b><span style="color: magenta;">3500</span></b>;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">$(document).ready(function(){</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">rpnewsticker();</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">interval = setInterval(rpnewsticker, pause);</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">});</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;/script&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;ul id="rp_plus_img"&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;script style="text/javascript"&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">var numposts = <b><span style="color: orange;">20</span></b>;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">var numchars = 60;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;/script&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"&gt;&lt;/script&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;/ul&gt;</span></div><br /><div style="text-align: justify;"><br /><span style="font-family: Courier New, Courier, monospace;">&lt;/div&gt;</span></div><br /></div><br /></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;">Keterangan :</span></div><br /><ol><br /><li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna <span style="color: lime; font-weight: bold;">Hijau </span>adalah kecepatan untuk berpindahnya post ke post lain,, jika perlu sobat bisa ubah kecepatannya..</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna <span style="color: magenta; font-weight: bold;">Pink </span>adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu..</span></li><br /><li style="text-align: justify;"><span style="font-family: inherit;">kode yang warna&nbsp;<span style="color: orange; font-weight: bold;">Orange</span>&nbsp;adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati.. &nbsp;:)</span></li><br /></ol><br /><span style="font-family: inherit;"><span style="font-family: inherit;">nanti hasilnya akan seperti ini..</span></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" height="320" width="279" /></a></div><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;">Saya ambil dari blog saya sendiri.. <br />hehee.. :D ,menarik tidak..? :D semoga bermanfaat saja untuk sobat <br />semuanya.. saya hanya berbagi.. berbagi itu indah loh sobat.. hahaa.. :D<br /> ,jangan lupa tinggalkan komen yaa..? terima kasih.. :)</span></div><br /><div style="text-align: justify;"><br /></div><br /><div style="text-align: justify;"><br /><span style="font-family: inherit;"><a href="http://www.riyanghifar.com/">www.riyanghifar.com</a> Link Sumber Klik <a href="http://zhalltrozans.blogspot.com/2013/03/cara-membuat-random-post-bergerak-di.html" rel="nofollow" target="_blank"><blink>DISINI<blink></blink></blink></a> </span></div><br /><br /><br /><span style="font-family: inherit;"><span style="font-family: inherit;">Silahkan Copas Tutorial Ini Tapi Jangan Lupa Mencantumkan Link Awal :</span></span><br /><br /><br /><br /><div style="border: 2px solid #2a09ee; height: 400px; overflow: auto; padding: 10px; width: 580px;"><br /><span style="font-size: 100%;">&lt;div class="separator" style="clear: both; text-align: center;"&gt;<br />&lt;img border="0" src="http://1.bp.blogspot.com/-1uS-0z1TUP4/UZt2ATCQePI/AAAAAAAAAoQ/l5WPvrdE9l4/s1600/index.jpeg" /&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;Kali ini mau berbagi bagaimana <br />membuat recent post random/mengacak dengan thumbail.. mungkin ini bisa <br />membantu sobat kalau ada posting yang lama dan jarang di lihat orang <br />lain lagi, dengan adanya recent post ini, karena berkerja menampilkan <br />posting secara random, ada kesempatan posting sobat yang sudah lama &lt;strike&gt;dan kusam &lt;/strike&gt;akan<br />&nbsp;muncul kembali dan pengunjung pun bisa melihatnya juga.. lumayankan <br />untuk menambahkan popularitas untuk post sobat yang sudah lama.&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="color: blue; font-family: inherit;"&gt;&lt;b&gt;Fitur&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;/div&gt;<br />&lt;ul&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;Berganti post dengan cara Bergerak Ke Bawah&lt;/span&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="color: blue; font-family: inherit;"&gt;&lt;b&gt;Cara&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;ol&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;masuk ke Tata Letak&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;Tambahkan Gadget&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;cari HTML/JavaScript&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;masukan kode di bawah ini...&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;Lalu save.&lt;/span&gt;&lt;/li&gt;<br />&lt;/ol&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;&lt;/span&gt;&lt;br /&gt;<br />&lt;div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px; text-align: left;"&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;div style="margin-bottom: 15px;"&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;style type="text/css"&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img ul{list-style-type:none;margin:0;padding:0}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img li{height:70px;padding:1px;list-style:none;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img a{color:#3366ff;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;script <br />type="text/javascript" <br />src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;var speed = &lt;b&gt;&lt;span style="color: lime;"&gt;400&lt;/span&gt;&lt;/b&gt;;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;var pause = &lt;b&gt;&lt;span style="color: magenta;"&gt;3500&lt;/span&gt;&lt;/b&gt;;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;$(document).ready(function(){&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;rpnewsticker();&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;interval = setInterval(rpnewsticker, pause);&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;});&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;ul id="rp_plus_img"&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;script style="text/javascript"&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;var numposts = &lt;b&gt;&lt;span style="color: orange;"&gt;20&lt;/span&gt;&lt;/b&gt;;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;var numchars = 60;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;script src="/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rpthumbnt"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: Courier New, Courier, monospace;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;Keterangan :&lt;/span&gt;&lt;/div&gt;<br />&lt;ol&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;kode yang warna &lt;span style="color: lime; font-weight: bold;"&gt;Hijau &lt;/span&gt;adalah kecepatan untuk berpindahnya post ke post lain,, jika perlu sobat bisa ubah kecepatannya..&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;kode yang warna &lt;span style="color: magenta; font-weight: bold;"&gt;Pink &lt;/span&gt;adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu..&lt;/span&gt;&lt;/li&gt;<br />&lt;li style="text-align: justify;"&gt;&lt;span style="font-family: inherit;"&gt;kode yang warna&amp;nbsp;&lt;span style="color: orange; font-weight: bold;"&gt;Orange&lt;/span&gt;&amp;nbsp;adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati.. &amp;nbsp;:)&lt;/span&gt;&lt;/li&gt;<br />&lt;/ol&gt;<br />&lt;span style="font-family: inherit;"&gt;&lt;span style="font-family: inherit;"&gt;nanti hasilnya akan seperti ini..&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;<br />&lt;div class="separator" style="clear: both; text-align: center;"&gt;<br />&lt;a href="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/--7ms4IVSn70/UZt1bmLTP_I/AAAAAAAAAoI/Mr-fPh3yL7c/s1600/capture-20130521-202202.png" height="320" width="279" /&gt;&lt;/a&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;Saya ambil dari blog saya sendiri.. <br />hehee.. :D ,menarik tidak..? :D semoga bermanfaat saja untuk sobat <br />semuanya.. saya hanya berbagi.. berbagi itu indah loh sobat.. hahaa.. :D<br />&nbsp;,jangan lupa tinggalkan komen yaa..? terima kasih.. :)&lt;/span&gt;&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;/div&gt;<br />&lt;div style="text-align: justify;"&gt;<br />&lt;span style="font-family: inherit;"&gt;&lt;a href="http://www.riyanghifar.com/"&gt;www.riyanghifar.com&lt;/a&gt; Link Sumber Klik &lt;a href="http://zhalltrozans.blogspot.com/2013/03/cara-membuat-random-post-bergerak-di.html" rel="nofollow" target="_blank"&gt;&lt;blink&gt;DISINI&lt;blink&gt;&lt;/blink&gt;&lt;/blink&gt;&lt;/a&gt; &lt;/span&gt;&lt;/div&gt;</span><span style="font-size: 100%;"><b></b></span></div><br /><span style="font-family: inherit;"><span style="font-family: inherit;">&nbsp;</span> </span></span></div>
<span style="font-family: inherit;"><span style="font-family: inherit;"> </span> </span>

Cara Membuat Random Post Bergerak Di Blog

0 komentar:

Posting Komentar

Recent Comments

Arsip Blog