Cara membuat widget artikel acak [random post]

Widget yang tidak ada di blogger salah satunya adalah 'Widget random post ;dalam bahasa indonesia : artikel acak ' . Memang blogger belum menyediakan widget yang satu ini , tapi tidak menutup kemungkinan kita bisa mengakali dengan tips tips berikut :

1.Masuk Tata Letak



2.Klik 'Tambahkan Gadget'




3.Pilih HTML/JavaScript


4.Masukkan Kode Script di bawah ini :

<div id='artikelacak' >
<style scoped='scoped'>
#artikelacak {border:none; margin-top:0px; margin-left:0px;margin-right:0px;font-size:14px;margin-bottom:5px;width:auto}
#artikelacak li{display:block;text-indent:0px;padding-top:5px;padding-right:10px;
padding-bottom:3px;padding-left:5px;margin-bottom:3px;margin-left:0px;margin-right:0px;line-height:19px;border-bottom:2px dotted #ececec}
#artikelacak li:hover{background:#48d}
#artikelacak a{text-decoration:none;font-weight:normal;text-align:left;font-family:Helvetica,Arial,sans-serif}
#artikelacak a:hover{color:#AC1AC0}
</style>
<div id='random-post-container'>Menunggu...</div>
<script>
//<![CDATA[
var homePage = 'www.namablogkamu.blogspot.com',maxResults=17,containerId='random-post-container';
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 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>');}
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>
</div>

Keterangan :

Warna Biru : Nominal angka artikel yang ingin munculkan dalam artikel acak
Warna Merah : Link Website / blog kamu
Warna Hijau : Warna Background dari Widget 'Artikel Acak'
Warna Pink : Ukuran teks di widget 'Artikel Acak'

4.Klik Simpan , dan lihat hasilnya






Tab Menu ? : #blogger \\ #pc \\ #umum \\ #smartphone \\ #desain \\