Hey sob? kali ini saya akan menunjukkan sebuah cara bagaimana menciptakan random post keren pada widget sidebar sebuah blogger. Memasang Random Post merupakan hal yang mungkin sanggup menaikan sebuah viewers dari blog tersebut, itu alasannya dengan memasang random post pada widget blog anda akan mengakibatkan pengguna atau pembaca blog kalian merasa tersaji dengan banyak sekali artikel yang belum diketahui sebelumnya pada blog kalia, oleh alasannya itu memasang random post pada widget blog anda terutama sidebar mungkin menjadi solusi yang ampuh untuk menambah jumlah viewers dari blog kalian.
Viewers yang banyak merupakan nilai kebanggan sendiri bagi para pemilik blog, namun harus diperhatikan untuk tetap menjaga kenyamanan para pembaca blog anda biar tidak merasa terganggu dengan widget-widget perhiasan yang tidak terlalu penting sebenarnya, dan sebaiknya widget yang kurang penting tersebut digantikan atau bahkan dihilangkan, berbeda dengan widget random post yang akan kalian pasang ini pada blog kalian, dengan memasangnya artinya anda secara pribadi menyajikan postingan anda yang mungkin belum dibaca oleh pembaca lewat sidebar pada blog anda. Oke bagi anda yang ingin memasang widget random post pada blog kalian, ikuti cara berikut ini.
Cara Memasang Widget Random Post pada Sidebar
1. Pertama anda sanggup login pada Blogger kalian,
2. Lalu masuk pada sajian "Tata Letak",
3. Setelah itu anda sanggup klik "Tambahkan Gadget" dan pilih "HTML/JavaScript",
4. Jika sudah, anda sanggup memasukan isyarat berikut ini ke dalam sajian konten kalian,
<style scoped='' type="text/css">
#bsu-random ul{list-style:none;margin:0;padding:0}#bsu-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#bsu-random li:last-child{border-bottom:0;}
#bsu-random li a{color:#444;}#bsu-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='bsu-random'>Tunggu...</div> <script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://www.blogsejutaumat.com',maxResults = 10,
containerId = 'bsu-random';
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
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;
}
function BsuRandomPosts(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>');
}
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=BsuRandomPosts"></scr' + 'ipt>');
//]]>
</script>
5. Oke terakhir anda sanggup klik "Simpan" dan lihat hasilnya.
Oke mungkin itu saja yang sanggup saya berikan mengenai artikel "Cara Praktis Membuat Random Post Pada Sidebar Blog" ini, semoga dengan apa yang sudah saya berikan ini sanggup bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapat informasi serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan sanggup isi pada kolom komentar anda. Terimakasih.
Sumber http://www.blogsejutaumat.com/
Buat lebih berguna, kongsi:
