Cara Membuat Widget Recent Posts Blogger Keren

Posted in Label: |

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

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/AVvXsEgvLLgHJFfzzNOEGcx121YaSoojqmA3DqIicZA-4oAXwuIKl3a0ia4BL344src48qnAzMwu_aeGQ6xcwHjmPgT2WUnHWQzElauTGj_hZysAIVt4STemZVmXtEh17NQC6EBABnjqgiSN0mCu/s400/feedreader_2.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvLLgHJFfzzNOEGcx121YaSoojqmA3DqIicZA-4oAXwuIKl3a0ia4BL344src48qnAzMwu_aeGQ6xcwHjmPgT2WUnHWQzElauTGj_hZysAIVt4STemZVmXtEh17NQC6EBABnjqgiSN0mCu/s400/feedreader_2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvLLgHJFfzzNOEGcx121YaSoojqmA3DqIicZA-4oAXwuIKl3a0ia4BL344src48qnAzMwu_aeGQ6xcwHjmPgT2WUnHWQzElauTGj_hZysAIVt4STemZVmXtEh17NQC6EBABnjqgiSN0mCu/s400/feedreader_2.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvLLgHJFfzzNOEGcx121YaSoojqmA3DqIicZA-4oAXwuIKl3a0ia4BL344src48qnAzMwu_aeGQ6xcwHjmPgT2WUnHWQzElauTGj_hZysAIVt4STemZVmXtEh17NQC6EBABnjqgiSN0mCu/s400/feedreader_2.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvLLgHJFfzzNOEGcx121YaSoojqmA3DqIicZA-4oAXwuIKl3a0ia4BL344src48qnAzMwu_aeGQ6xcwHjmPgT2WUnHWQzElauTGj_hZysAIVt4STemZVmXtEh17NQC6EBABnjqgiSN0mCu/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://andhyzer.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;".

Kalau Anda berhasil maka akan tampil seperti di bawah ini:

Silakan berkreasi sendiri dengan mengganti opsi ukuran, warna, dan lainnya pada kode css sebelumnya. Selamat mencoba kawan.

Read Users' Comments (0)

0 Response to "Cara Membuat Widget Recent Posts Blogger Keren"

Posting Komentar

Langganan: Posting Komentar (Atom)