Cara Buat Random Post Bergerak Kebawah Blog | Mr. Xenophobic

Cara Buat Random Post Bergerak Kebawah Blog

Random post, itu lah yang akan kita bahas yaitu cara Membuat Random Post Bergerak Ke Bawah namun untuk pembahasan kali ini 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.

Cara Pasangnya Silakan Ikuta Cara Berikut Ini :

Login ke Blogger.com
Klik Rancangan
Di Elemen Laman klik Tambah Gadget
Lalu tambahkan HTML/JavaScript dengan cara klik tanda +
Masukan script di bawah ini

<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://th3-legacy.com/feeds/posts/default?redirect=false&%3Bstart-index=1&%3Bmax-results=999"}, ]; new  GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 1000, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <br /> <div id="feedGadget"> <br /> <br /> <br /> <br /> <center><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQkjDLeIJ0a76VzqZSdGdchekdsME_pAsHYI9l5y1wSURRgbHtbMot0bPkOLi1KeaMexkT7mYGkrwXJRCja2bxYs4IQaFRKl-mm2YTZG0T3y4y6xG-uYFgPuZG6WB5CCJNUd6GhB4DDZ6T/s1600/ajax-loader.gif"  /></center></div>

Yang Penting Anda harus Ubah http://th3-legacy.com yang ada dalam script itu , caranya tinggal Crtl+F ketik th3-legacy dan ganti dangan link blog punya sobat , simpan da lihat hasilnya... :D

Categories: Tips Blogger Share

Show 0 Comments

Leave a Reply

Biasakan untuk mencantumkan Link Sumber
dilarang :
1. SARA (Suku Ras & Agama)
2. NgeJunk
3. Spam

Selamat Membaca ;))