Random Post Hanya Judul Arlinadzgn Admin : Unknown

Cara mudah membuat random post / posting acak hanya judul saja by arlinadzgn(dot)com, Random post keren hanya judul dengan efek loading.Cara baru di catatansaif.

Sebelumnya sudah saya posting mengenai widget Random post / posting acak,mulai dari efek berjalan,kemudian random psot hanya gambar,dan sekarang saya posting kembali yaitu Random Post Hanya Judul. Simak cara memasangnya berikut ini :

Cara membuat random post hanya judul posting.

• Sobat masuk tata letak pada blog
• Tambahkan Widget baru, pilih HTML/JavaScript
• Copy Paste kode dibawah ini :

<style scoped='' type="text/css">
#arlina-random ul { list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #ffcc00;word-break:break-word;padding:10px 0;margin:0;}
#arlina-random li:last-child{border-bottom:0;}

#arlina-random li a{color:#eee;}
#arlina-random li a:hover{color:#ffcc00;text-decoration:underline}
</style>
<div id='arlina-random'>Loading...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://catatansaif.blogspot.com/',
maxResults = 7,
containerId = 'arlina-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 ArlinaRandomPosts(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=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>

Keterangan :

• Ganti kode warna yang saya blok hijau diatas dengan kode warna yang sobat inginkan
• Ganti Url http://catatansaif.blogspot.com/ dengan Url Blog sobat
• maxResults = 7 adalah jumlah posting yang sobat inginkan.
• Sobat bisa hapus icon ► jika widget sobat sudah ada list-style / bullet list nya.

Simpan dan lihat hasilnya.

Sekian posting dari saya mengenai Random Post Hanya Judul by Arlinadzgn, semoga bermanfaat. Dan silahkan bertanya jika ada yang belum jelas. Terima Kasih.

Terkait dengan Random Post :

• Random post lengkap dengan thumbnail dan Share facebook
• Membuat random post hanya tampilan gambar saja.
• Membuat recent post berjalan kebawah / Efek Marquee