Membuat Widget Random Post Blogger Tanpa Gambar Thumbnails

Nah buat sobat rocket4rt, kini saya akan berbagi tutorial seputar blogger yaitu cara membuat widget random post, apa itu random post, random post adalah widget yang berfungsi dimana untuk menampilkan post yang ada di blog secara acak, bagi sobat rocket4rt yang mungkin baru buat blog atau sudah memiliki mungkin di sarankan untuk memasang widget random post tersebut, kenapa mesti memasang widget random post, dengan memasanag random post di blog yang pasti semua pengunjung dapat melihat artikel acak yang ada di blog secara bergantian agar pengunjung memungkinkan membaca artikel lainya yang ada di blog, nah silahkan untuk caranya bisa di lihat di bawah ini.
  • Buka blogger sobat.
  • Lalu buka menu Tata letak. dan tambahkan widget HTML sesuai tempat yang di inginkan, lalu masukan kode di bawah.
<style scoped='' type="text/css"> #random ul{list-style:none;margin:0;padding:0} #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;} #random li:last-child{border-bottom:0;} #random li a{color:#444;} #random li a:hover{color:#444;text-decoration:underline} </style> <div id='random'></div> <script> //<![CDATA[ // Random Post Widget var homePage = 'http://www.rocket4rt.com/', maxResults = 10, containerId = '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 RandomPosts(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=RandomPosts"></scr' + 'ipt>'); //]]> </script>
  • Ganti yang berwarna merah :
Rubah alamat blog sobat
10 - Adalah jumlah artikel yang di tampilkan
  • Terakhir sobat bisa save dan lihat hasilnya.
  • Semoga Bermanfaat.
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

Posting Komentar