tag:blogger.com,1999:blog-88905817471612860542024-03-12T21:51:20.175-07:00Demo Tutorial BlogRivaihttp://www.blogger.com/profile/03297472664962800577noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-8890581747161286054.post-23653129690327621492010-05-27T16:12:00.000-07:002010-05-27T16:12:05.453-07:00Random Post DinamisIni adalah demo untuk menampilkan random post atau postingan acak. Dengan random post ini, artikel atau postingan yang ada di blog anda akan ditampilkan secara acak nantinya.<br />
<br />
Demo random post ini bisa anda lihat di sidebar blog ini.<br />
<br />
<u><i><span style="font-size: large;">Sekilas Script...</span></i></u><br />
<br />
<span style="font-size: large;">CSS </span><br />
.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;}<br />
<br />
.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}<br />
<br />
.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;}<br />
<br />
.gfg-subtitle a {color : #a43434;display:none !important;}<br />
<br />
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}<br />
<br />
/* To allow correct behavior for overlay */<br />
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}<br />
<br />
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}<br />
<br />
.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;}<br />
<br />
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}<br />
<br />
.clearFloat {clear : both;}<br />
<br />
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}<br />
<br />
<span style="font-size: large;">Script</span><br />
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script><br />
<br />
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script><br />
<br />
<script type="text/javascript"><br />
function showGadget() {<br />
var feeds = [<br />
{title:'title',<br />
url:'<span style="background-color: #d9ead3; color: #38761d;">http://namablog.blogspot.com</span>/feeds/posts/default?redirect=false&start-index=1&max-results=999'},<br />
];<br />
new GFdynamicFeedControl(feeds, 'feedGadget',<br />
{numResults : 1000, stacked : true,<br />
title: " "});<br />
}<br />
google.load("feeds", "1");<br />
google.setOnLoadCallback(showGadget);<br />
</script><br />
<br />
<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div><br />
<br />
Mengenai pemasangan script di atas, lihat: <a href="http://www.tutorialblogging.co.cc/2010/05/buat-random-post-di-blogger.html">Cara Buat Random Post di Blogger</a>.Rivaihttp://www.blogger.com/profile/03297472664962800577noreply@blogger.com1