Monday, July 4, 2011

Cara Buat Random Post Di Blog

Aktifitas blogging identik dengan kegiatan update konten blog seperti posting. Posting isi blog dilakukan untuk memberikan sesuatu yang baru kepada pengunjung blog kita agar 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 seperti Google.


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

Salah satu cara untuk menanganinya adalah dengan cara membuat tampilan halaman blog kita dipenuhi oleh tampilan postingan yang selalu acak. Dengan cara ini, meskipun blog kita sebenarnya tidak mengalami update postingan blog, tetapi akan membuat blog kita seolah-olah hidup karena 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 kode HTML seperti berikut.

]]></b:skin>

Lalu masukan kode HTML berikut ini tepat di atas kode 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 jika kita mendownload template blog kita terlebih dahulu sebagai langkah antisipasi jika nanti kita menemui kegagalan saat proses editing berlangsung.
  2. Gunakan tombol Ctrl + F pada keyboard untuk mempermudah pencarian kode 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.


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

No comments:

Post a Comment