Random Post Slide Pada Blog Untuk Meningkatkan Page View

Posting baru sangat diperlukan agar pengunjung blog tetap setia mengunjungi blog kita. Blog akan selalu tampak hidup dan dinamis dengan update posting secara teratur. Hal ini juga dapat meningkatkan page view dan pagerank blog kita.

Akan tetapi, bagi mereka yang mungkin kewalahan atau tidak sempat untuk melakukan aktivitas posting blog secara teratur dapat mensiasatinya dengan cara menampilkan Random Post. Cara ini dapat membuat blog kita jadi tampak hidup karena tampilan halaman terdapat postingan secara acak yang selalu berganti-ganti setiap 5 detik. Bagi sahabat yang tertarik untuk membuatnya bisa mengikuti langkah-langkah berikut ini:

Langkah Pertama

Masuk ke Dashboard blog kita masing-masing.

Lalu klik Rancangan. Kemudian pilih Tab Edit HTML. Jangan lupa contreng Expand Template Widget.

Cari kode ]]></b:skin> dengan menggunakan Ctrl + F atau tekan F3

Lalu Copy - Paste kode HTML berikut ini tepat di atas kode tadi.

.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;}

Kemudian klik simpan template.

Langkah Kedua

Masih pada menu Rancangan, klik tab menu Elemen Halaman.

Klik Tambah Gadget dan pilih yang HTML/Javascript.

Masukkan script berikut ini di dalamnya.

<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://namablogsahabat.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=50'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 50, 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>

*) Keterangan:

- Ubah "namablogsahabat" sesuai dengan alamat blog kita masing-masing.

- Angka "50" dapat diganti sesuai keinginan anda.

Kemudian klik simpan template dan lihat hasilnya.

Selamat mencoba.