Minggu, 16 Januari 2011

Widget Recent Posts Blogger

Jika widget ini digunakan atau ditempatkan di halaman utama blogger, menurut saya kurang efektif karena blog posts pada halaman utama tersebut sudah berderet link-link postingan blogger anda (recent posts). Alangkah baiknya jika penggunaan widget recent posts ini ditempatkan pada halaman postingan blogger anda. Untuk tricknya agar dapat disetting penempatan widget di halaman yang anda tuju dapat anda dapatkan di sini. Jadi tujuannya adalah agar pengunjung dapat melihat kembali postingan apa yang terdapat di homepage blog anda dan dapat dilihat kembali di sidebar postingan yang sedang dibaca pengunjung. Ya lumayanlah untuk meningkatkan pageviews blogger anda ketika pengunjung tersebut telah selesai membaca dan ingin beralih ke postingan yang telah tersedia di sidebar blog anda. Bukankah asyik jika pengunjung berlama-lama di blog anda dan ini tentunya dapat meningkatkan alexa ranking juga lho.

Live DemoKlik untuk melihat demo langsung Widget Recent Posts

Langkah selanjutnya anda hanya tinggal copas kode berikut dan masukkan pada halaman gadget javascript blogger anda:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vzcpQ_CAszs5g6C3bZfmA7axgRCiXZlMyU0xiXPF7D_9YiCn-2pxzh9U0zthOjVbGivqz6z5FwGIaXzYAMqB_P6Jxe1YeVREyTiiwy4KyGPqHwnR0BuFK3mFNCjIpOY1sz6TsO5ms2vP/s400/feedreader_2.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vzcpQ_CAszs5g6C3bZfmA7axgRCiXZlMyU0xiXPF7D_9YiCn-2pxzh9U0zthOjVbGivqz6z5FwGIaXzYAMqB_P6Jxe1YeVREyTiiwy4KyGPqHwnR0BuFK3mFNCjIpOY1sz6TsO5ms2vP/s400/feedreader_2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vzcpQ_CAszs5g6C3bZfmA7axgRCiXZlMyU0xiXPF7D_9YiCn-2pxzh9U0zthOjVbGivqz6z5FwGIaXzYAMqB_P6Jxe1YeVREyTiiwy4KyGPqHwnR0BuFK3mFNCjIpOY1sz6TsO5ms2vP/s400/feedreader_2.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vzcpQ_CAszs5g6C3bZfmA7axgRCiXZlMyU0xiXPF7D_9YiCn-2pxzh9U0zthOjVbGivqz6z5FwGIaXzYAMqB_P6Jxe1YeVREyTiiwy4KyGPqHwnR0BuFK3mFNCjIpOY1sz6TsO5ms2vP/s400/feedreader_2.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vzcpQ_CAszs5g6C3bZfmA7axgRCiXZlMyU0xiXPF7D_9YiCn-2pxzh9U0zthOjVbGivqz6z5FwGIaXzYAMqB_P6Jxe1YeVREyTiiwy4KyGPqHwnR0BuFK3mFNCjIpOY1sz6TsO5ms2vP/s400/feedreader_2.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fontsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://bolehasyik.blogspot.com/";
</script>
<script src="http://recentpostoilnk.googlecode.com/files/recentpost.js" type="text/javascript"></script>
Silakan ganti url blog yang ditandai dengan warna merah dengan url blog anda, dan untuk jumlah post widgetnya silakan ganti jumlahnya sesuka anda dengan mengubah angka 5 pada kode "numposts = 5;". Silakan berkreasi sendiri dengan mengganti opsi ukuran, warna, dan lainnya pada kode css sebelumnya. Selamat mencoba kawan.

Tidak ada komentar:

Posting Komentar