Bagaimana Memasang Widget Random Post pada Blogger/Blogspot?

Widget ini baru saya pasang di blog saya. Mungkin Anda yang sering membaca artikel saya pasti akan menyadari hal tersebut. Widget ini berada di sidebar sebelah kanan blog saya, Anda bisa melihat contohnya langsung. Nah, jika Anda juga berminat memasang widget tersebut, baca selengkapnya postingan ini. Selamat Mempraktekkan!

Widget Random Post

Widget ini berguna untuk menampilkan postingan secara "random" atau "acak". Kelebihan widget ini adalah widget ini tidak membutuhkan space yang besar dan tampilannya yang sangat simpel. Kalau Anda pernah melihat atau memasang widget headline post dari feedburner, maka ini mirip sekali. Widget ini sengaja saya beri background transparant agar bisa digunakan di blog manapun tanpa harus mengedit background, untuk font dan warnanya silahkan Anda ganti sesuai dengan keinginan Anda.

Jadi, tertarik untuk memasang? ini dia script code-nya:

* Silahkan Anda pasang di sidebar : Layout >> Add Page Element >> HTML/Javascript >> Save

* Silahkan ganti alamat yang berwarna MERAH dengan alamat blog Anda.

<!-- Random Post: http://www.kangmusa.com/ -->
<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 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://www.kangmusa.com/feeds/posts/default?redirect=false&start-index=1&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"> Pasang widget ini?<a href="http://www.kangmusa.com/"> click here!</a></div>