Thursday, January 7, 2010

Membuat widget Acak/random

Hoahmph... pagi-pagi gini sebelum jalanin aktivitas mendingan buat posting dulu ah,, :c:
kali ini zoel akan bahas tentang random post atau random secara acak.


Widget secara Random ini sangat berguna untuk arikel-artikel yang telah terkubur lama dan dalam (Mati kali dikubur), pokonya yang ga pernah tampil lagi, jadi sayangkan postingan yang uda cape-cape di buat "doeloe", tapi klo ada postingan yang baru, postingan lama mati deh di telan bumi,, Nah untuk itu pake widget random ini biar posting lama bisa muncul lagi di hadapan kalian,,,


Langkah 1 :

1. Jangan Lupa Login dulu dengan akun sobat,

2. Layout,

3. Edit HTML,


4. Masukkan kode CSS di bawah ini di atas kode ]]></b:skin>  :

.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;}
5. simpan / save

Langkah 2 :

Untuk memasang script random post ini ikuti langkah-langkah berikut.

  1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
  2. Klik Add a Gadget (Tambah gadget).
tutorial blog
3. Pilih gadget HTML/JavaScript.
tutorial blog
4. Copy-paste script berikut ke dalam gadget tadi.
<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://namablog.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>
<span style="gt;Widget edited by <a href="http://zoelf.blogspot.com/2010/01/membuat-widget-acakrandom.html" target="_blank">zoel's blog</a></span>

      Eits,, mau kemana, ada keterangannya juga neh,, pada kalimat warna merah ganti dengan blog sobat.

  1. Jangan lupa ganti nama blog anda.
  2. Simpan gadget.
Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).

Selamat mencoba!

Good Luck....

No comments:

Post a Comment