Membuar Random Post Bergerak Ke Bawah

R

andom post, itu lah yang akan kita bahas yaitu cara Membuar Random Post Bergerak Ke Bawah namun untuk pembahasan kali ini sangat berbeda dari pembahasan sebelumnya mengenai cara Membuat Random Post Berjalan dan Membuat Random Posts Dengan Script Gadget, yang membadakannya kali ini random post yang kita buat ialah random post yang hanya bisa menampilkan 1 postingan saja namun akan berganti ketika postingan telah tampil selama 5 detik, jika ketika sebelum 5 detik postingan artikel ini di sorot kursor maka ketika kursor sudah tidak menyorot lagi artikel maka hitungannya akan kembali dari nol dan selama 5 detik berikutnya akan di ganti oleh artikel yang telah di acak sebelumnya dan arikel yang sudah 5 detik tersebut bergerak menuju kebawah.

Random post kali ini menurut saya sangat bermanfaar sekali untuk meningkatkan page view situs kita karena postingan tersebut seakan -akan terus di perbaharui, baiklah langsung saja kita menuju langkah-langkahnya  yaitu sebagai berikut ;

1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript 

<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}
.gfg-title {font-size: 16px;font-weight : bold;color : #FF0000;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}
.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}
.gfg-subtitle a {color : #a43434;display:none !important;}
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}
.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}
.clearFloat {clear : both;}
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript">
</script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript">
</script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:"http://masihinginbelajar.blogspot.com/feeds/posts/default?redirect=false&amp%3Bstart-index=1&amp%3Bmax-results=999"},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiha3EjPsZdamQwG1gyurcCw10y6SFCP5m04CrCNzQtd2WDIMPLD2hfo3LdRe0-XMnWw5tReroR9ggol85aiZ9bFhIwhBEmieCfJWd-iGTbebW9tmmBCnb7oE98S_3W83qaH837rUIdIvjx/s1600/ajax-loader.gif" /></center></div>

6. Simpan dan lihat hasillnya

Penting !!!
gantilah http://masihinginbelajar.blogspot.com dengan URL situs Anda,

Selamat mencoba, semoga berhasil serta bisa bermanfaat dan terima kasih pula karena telah berkunjung.