Kamis, 12 Januari 2012

Menempatkan Widget Random Pada Blogger


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:

1. Silahkan Anda pasang di sidebar : Layout >> Add Page Element >> HTML/Javascript >> Save
2 Silahkan ganti alamat yang ditebalkan dengan alamat blog Anda.

<!-- Random Post: http://tutorial-sauterico.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://tutorial-sauterico.blogspot.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.tutorial-sauterico.com/"> click here!</a></div>


Selamat mencoba, semoga sukses.

Seja o primeiro a comentar

Posting Komentar

Linkwithin

Related Posts Plugin for WordPress, Blogger...

Mari Gabung Disini

My Pagerank

Powered by  MyPagerank.Net
Yahoo bot last visit powered by MyPagerank.Net
Counter Powered by  RedCounter
Cpx24.com CPM Program

  ©Template by Dicas Blogger.

TOPO