Cara Mudah Memasang Random Post Di Blog | NIGHT002

NIGHT002 - Akan kembali membagi informasi yang menarik dan pastinya bermanfaat bagi Kawan - kawan, di malam hari ini ( saya postnya malem hehe ) saya akan berbagi informasi yaitu : Cara Memasang Widget Random Post Di Blog | NIGHT002. Cara ini digunakan para blogger untuk menambah visitor blognya juga lho, karna apa ? karena random post ini beguna sekali untuk para pengunjung blog Anda yang ingin membaca Artikel secara cepat dan mudah.


Sebelum memasuki tutorial saya akan memberikan gambaran tentang Random Post :

Ini contoh dari Random Post.

Sudah tau kan gimana gambaran dari Random post hehe.

Untuk tutorialnya sangat mudah kawan kita hanya perlu memasukan javascript ini ke Tata Letak :

1. Login blogger terlebih dahulu.
2. Setelah masuk ke halaman Dasbor > Tata Letak.
3. Lalu klik Tambahkan Gadget.
4. Cari HTML/Javascript Lalu klik gambar + ( plus )
5. Masukan script  dibawah ini ke dalam Kolom Konten

Berikut Script Random postnya : 

<style>#random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 12px; text-transform: uppercase; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } .random-summary { font-size: 11px; background: none; padding: 5px; margin-right: 8px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; } </style><br /><ul id='random-posts'><script type='text/javaScript'>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script><script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "?"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUcQwPHlEzBCxqV8dyo2wjne0tG49jbGOg5ZuS5eJtLTPU03h2ZkrvPfi0y5lkzbtq_aABhqfC1rzMFZTZ61W7oTC1sKkF0eJhFljZLyYOzx4jUh0Yn9sPc5W7jXuHNJVB_cstxV1Qy-A/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>' }; document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>') }; </script></ul>

Keterangan untuk script di atas :

var randomposts_number = 5;

Untuk kalimat yang berwarna BIRU = Untuk mengatur jumlah artikel yang akan di tampilkan. ubah angka no 10 untuk mengatur jumlah artikel.

var randomposts_details = 'yes';

Untuk kalimat yang berwarna MERAH = Untuk mengatur tampilan pada artikel / untuk menghilangkan tanda komentar dan tanggal.
Yes Untuk menampilkan tanggal dan komentar.
No Untuk menghilangkan tanggal dan komentar

Jika sudah simpan lalu lihat hasilnya di blog Kawan.

Gimana kawan mudah bukan Tutorial yang diberikan NIGHT002, Sekian posting malam hari ini, semoga bisa membuat visitor blog Kawan menjadi lebih banyak lagi yah, setelah menggunakan Random Post yang diberikan NIGHT002.

Regards,



Admin Night002