Cara membuat random post

sponsor

Banyak tutorial cantik yang bisa kita pelajari dalam dunia blogging, bahakan hal-hal kecil dari setiap tutorial yang kamu pelajari mampu membawa kamu sebagai master blog. Pada kesempatan kali ini k'ian akan membahas mengenai cara pasang Random post disidebar blog, kamu mungkin ingat pada saat yang lalu k'ian juga pernah memuat postingan mengenai cara buat related post atau artikel terkait.

Pada postingan cara buat related post atau artikel terkait yang lalu telah k'ian jelaskan maksud dan juga fungsinya. begitu juga pada postingan mengenai cara pasang random post disidebar blog ini, dimana random post / postingan acak ini banyak digunakan oleh para blogger untuk memberikan kemudahan bagi para pembaca setia blog mereka yang hadir dan membaca disana. Hal ini sedikitnya bisa membantu si pembaca itu sendiri untuk menemukan tutorial-tutorial atau infomasi yang mereka butuhkan, dan tentunya membuat mereka betah dan akan terus membaca postingan-postingan yang kita buat.

Dari pada kelamaan cerita kita mulai tutorialnya...

Seperti biasa Login terlebih dahulu kedalam account blog kamu,

selanjutnya klik menu Layouts-->> elemen halaman -->> ADD gadget -->> pilih HTML/Javascript.

Kemudian copy kode dibawah ini, dan pastekan didalamnya..

<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:#f2f2f2;border: 2px double #363636;}

.gfg-title {font-size: 14px;font-weight : bold;color : #fff;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 : 5px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : 100%;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://blogkamu.com/feeds/posts/default?redirect=false&start-index=10&max-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="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>
<div id="feedGadget"> <span style="float:right">Widget edited by <a href="http://kang-setia.blogspot.com/" target="blank">Kang Setia</a></span></div>

nb : kode berwarna hijau, kamu ganti dengan nama blog kamu. contoh Kang Setia.blogspot.com

sponsor

Artikel yang berkaitan