Cara Membuat Recent Posts, Recent Comments, Most Commented, dan Random Posts

Selamat siang sahabat Casting. Kali ini saya akan memberikan tutoriar cara memasang widget Posting Terbaru (Recent Posts), Komentar Terbaru (Recent Comments), Paling Banyak Dikomentari (Most Commented), dan Posting Acak (Random Posts).

Tujuan menampilkan daftar posting tersebut untuk meningkatkan Pageviews & Traffic. Sejauh ini terbukti sukses.

Banyak pengunjung yang bertanya cara membuatnya dan kodenya. Sebenarnya sudah banyak di-share blogger lain.

Berikut ini Casting share semua cara dan kode-kode untuk memasang widget-widget yang berfungsi sebagai menu navigasi dan internal link blog untuk memudahkan user dan meningkatkan pageview & trafik ini.

Cara Membuat Widget Recent Posts, Recent Comments, Most Commented, dan Random Posts di Sidebar Blog.

Menampilkan Widget Posting Terbaru

1. Layout > Add a Gadget > pilih "Feed"
2. Masukkan Alamat Blog Anda
3. Klik "Continue"
4. Ubah judul dengan "Recent Posts" atau apalah apalah... :)
5. Save!

Posting Terbaru plus Gambar Thumbnail Berdasarkan Label

Demonya ada di sidebar paling bawah blog ini.
1. Layout > Add a Gadget > HTML/JavaScript

2. Isi judul sesuai dengan Label/Kategori Post yang akan ditampilkan.

3. Isi kolom "Content" dengan kode berikut ini:

4. Save!

Jangan lupa ganti Label dengan Label posting Anda. Jumlah posting 5 juga bisa diubah sesuai dengan selera Anda.

Membuat Widget Komentar Terbaru

Recent Comments dengan menampilkan nama komentato, judul posting, dan kutipan isi komentar. Ini bagus buat SEO. Secara, widget itu diindeks juga lho oleh Google!

1. Layout > Add a Gadget > HTML JavaScript
2. Isi judul dengan Komentar Terbaru atau apalah apalah...
3. Isi kolom Content dengan kode berikut ini:

4. Save!

Widget Post Terbanyak Dikomentari

1. Layout > Add a Gadget > HTML/JavaScript
2. Isi judul dengan "Terbanyak Dikomentari" atau apalah apalah....
3. Isi Content dengan kode berikut ini:

4. Save!

Widget Random Posts

Random Post memunculkan daftar judul posting secara acak di widget. Gunanya tentu saja untuk navigasi dan internal link agar user makin lama di blog kita (PageViews).

1. Layout > Add a Gadger > HTML JavaScript
2. Isi judul dengan "Random Post", "Posting Acak", atau apalah apalah....
3. Isi Content dengan kode berikut ini:

<div id='random-post-container'>Memuat...</div>
<script>
//<![CDATA[
// Feed configuration
var homePage = 'http://castinganblog.blogspot.com/',
maxResults = 5,
containerId = 'random-post-container';
// Function to generate random number limited from `min` to `max`
// Used to create a valid and safe random feed `start-index`
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Function to shuffle arrays
// Used to randomize order of the generated JSON feed
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
// Get a random start index
function createRandomPostsStartIndex(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
// Widget's main function
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"></scr' + 'ipt>');
//]]>
</script>

4. Save!

Jangan lupa ganti alamat blognya dengan kepunyaan Anda. Jumlahnya juga bisa ditambah dari 5 menjadi lebih besar.

Widget RSS Feed dari Blog Lain

CB juga memasang RSS dari Sepakbola Magz, salah satu klien CB, di bagian footer. Anda bisa memasang juga daftar posting terbaru dari blog lain itu di blog Anda. Cara memasangnya:

1. Layout > Add a Gadget > Feed
2. Masukkan alamat blog yang akan ditampilkan
3. Klik "Continue"
4. Ubah judulnya jika perlu
5. Centang "Open New Tab"
6. Save!

Jika mau menampilkan widget-widget tersebut hanya di halaman dalam (single page/single post), gunakan kode dalam posting ini: Mengatur Posisi Widget di Blog.

Demikian Cara Membuat Recent Posts, Recent Comments, Most Commented, dan Random Posts yang sebetulnya secara sendiri-sendiri sudah lama juga Casting share di blog ini. Dikompilasi dalam posting baru agar memudahkan Casting, juga Anda, untuk menggunakannya. Good Luck!
Mudah-mudahan bermanfaat.

About CampurSari

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.