Cara Memasang Artikel Acak di Sidebar Blog

Tutorial panduan cara membuat artikel random atau artikel acak di blog untuk ditempatkan dibagian sidebar blog. Sebagian blogger mungkin termasuk anda lebih menyukai artikel acak dipasang tanpa gambar thumbnail. Cara membuat random article tanpa bergambar sebenarnya hampir sama dengan membuat random article yang dilengkapi dengan gambar, hanya terdapat sedikit perbedaan perintah/script pada kode artikel acak tersebut.

Untuk pembuatan recent post yang disertai dengan gambar thumbnail dapat dibaca melalui link berikut “Cara memasang artikel terbaru di blog”. Pembuatan random article relative lebih mudah karena tidak membutuhkan sisipan kode tambahan untuk dimasukkan kedalam template seperti halnya membuat menu horizontal. Cukup copy-paste kode random article yang saya tuliskan dibawah ini ke dalam tab gadget HTML/Javascript.

Berikut kode untuk membuat artikel acak atau random article tanpa gambar

<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 : #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-top : 0px;} /* To allow correct behavior for overla80ff00y */ .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:#80ff00;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: #fff;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: #fff;} </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://geosya.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 500, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget">Loading...</div>

Ganti URL blog geosya dengan nama blog anda. Untuk cara pemasangannya tidak perlu dijelaskan, kerena pasti sudah pada tahu semuanya, sama dengan memasang gadget lainnya.