menu

Minggu, 29 Mei 2011

Cara Membuat Random Pos Pada Blog

Salam Bloger Kawan,..
Sedikit Ilmu Yang kita kita miliki wajib kita Amalkan,..

Tutorial blog yang di tujukan pada bloger yang sibuk,Malas Update,yaitu Random Post,..
Ga Usah Banyak Basa Basi lagi kita langsuk Ke TKP Yuu,..

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

  1. Log in ke blogger.
  2. Pilih menu Layout (Tata Letak) » Edit HTML.
  3. Cari kode]]></b:skin>.
  4. Copy kode berikut di atas kode tadi

Isi Java Scrief




.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 template.

Script Random Post

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).
  3. Pilih gadget HTML/JavaScript.
  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>


  1. Jangan lupa ganti nama blog saya ganti dengan blog anda.
  2. Simpan gadget.
  3. Selesai Dech,..

Semoga berguna Buat teman-teman Bloger Semuanya.. 

0 komentar:

Posting Komentar