Cara Buat Random Post Di Blog

Aktifitas blogging identik dengan aktivitas update konten blog menyerupai posting. Posting isi blog dilakukan untuk memperlihatkan sesuatu yang gres kepada pengunjung blog kita biar pengunjung tetap setiap mengunjungi blog kita. Dengan aktifitas posting yang teratur, blog akan selalu terlihat hidup dan dinamis yang tidak hanya disukai oleh pengunjung blog kita saja, tetapi juga search engine menyerupai Google.

Melakukan update isi postingan blog sangat baik dan dianjurkan untuk dilakukan setiap saat. Akan tetapi, bagaimana bila kita tidak mempunyai cukup waktu atau bahkan sama sekali tidak punya waktu luang untuk sekedar membuat posting blog ini?

Salah satu cara untuk menanganinya ialah dengan cara menciptakan tampilan halaman blog kita dipenuhi oleh tampilan postingan yang selalu acak. Dengan cara ini, meskipun blog kita bersama-sama tidak mengalami update postingan blog, tetapi akan menciptakan blog kita seakan-akan hidup alasannya tampilan halaman selalu dipenuhi oleh postingan yang selalu random berganti-ganti. Wah, menarik bukan?

Lalu, bagaimana Cara Buat Random Post Di Blog ini?

Langkah I

Masuk ke akun blogger kita masing-masing.
Klik fitur rancangan.
Klik edit HTML.
Berikan tanda contreng pada Expand Template Widget.
Cari isyarat HTML menyerupai berikut.

]]></b:skin>

Lalu masukan isyarat HTML berikut ini sempurna di atas isyarat tersebut.

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

Klik simpan template.

Keterangan :

1. Sebelum menjalankan proses editing, ada baiknya bila kita mendownload template blog kita terlebih dahulu sebagai langkah antisipasi bila nanti kita menemui kegagalan ketika proses editing berlangsung.
2. Gunakan tombol Ctrl + F pada keyboard untuk mempermudah pencarian isyarat HTML pada template blog kita.

Langkah II

Klik elemen halaman.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan Script berikut ini.

<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://namablogkita.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>

Klik simpan dan selesai.

Keterangan :

1. Ubah namablogkita sesuai dengan alamat blog kita masing-masing.

Praktis bukan?
Sekarang coba lihat tampilan halaman depan blog kita? Adakah perubahan yang mengesankan?
Jika ada pertanyaan atau jawaban silakan tuliskan lewat kotak komentar di bawah ini ya kawan.
Salam blogger!

Share this post