Cara Mudah Memasang Widget Random Posts (Artikel Acak) di Blog - Memasang Widget Random Posts bagi sebagian Blogger merupakan keharusan, apalagi buat blog yang memiliki banyak postingan. Dengan memasang widget Artikel Acak maka kemungkinan Blog kita semakin banyak pageviews-nya semakin tinggi. Selain itu pengunjung tidak akan bosa berlama-lama di blog kita, apalagi untuk blog yang memiliki tema atau postingan yang beragam, misal blog gado-gado, games, lagu, dan lainnnya. Oleh karena itu widget ini wajib kamu pasang di blogmu! Tutorial dari miftaseoku.xyz:
Cara Mudah Memasang Widget Random Posts (Artikel Acak) di Blog:
1. Menuju ke Blogger>Tata Letak>Tambahkan Widget "Add Widget".
2. Copy pastekan kode dibawah ini.
<style>
#random-posts img {
float: left;
margin-right: 10px;
width: 65px;
height: 65px;
background-color: #F5F5F5;
padding: 3px;
}
ul#random-posts {
list-style-type: none;
}
#random-posts li {
margin-bottom: 10px;
}
.random-summary {
display: block;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 2;
var randomposts_chars = 60;
var randomposts_details = 'no';
randomposts_details2 = 'no';
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/AVvXsEjcj_A5jBKxDheLUk5AsmEpdzdBreSKsstAc8xp5wHYJ594PgXe2sGvRhsjBfmfyCzeLNT37T49HNjtMiSRwUQ91jV3kSOVeplkBVeTyiJkz0IMXs0wMBrYu9YB7XKdyDyATVYfvH3y65g/s1600/no_thumb.png"
}
}
};
document.write('<li>');
document.write('<img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span>' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</span>'
}
if (randomposts_details2 == 'yes') {
document.write('<span class="random-summary">' + randomposts_snippet) + '</span>'
}
document.write('<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>
3. Selesai, Lihat Hasilnya.
Catatan:
- var randomposts_number = 2, silahkan ganti sesuai jumlah postingan yang ingin kamu tampilkan.
- var randomposts_chars = 60;, jumlah kata deksripsi artikel yang muncul (bila kamu mengaktifkan fitur deksripsi postingan.
- var randomposts_details = 'no'; ganti dengan 'yes' bila ingin mengaktifkan deskripsi postingan.
- var randomposts_commentsd = 'Comments Disabled'; ganti 'Enabled' bila ingin mengaktifkan komentar.
- Jangan memasang widget ini apabila postinganmu sangat sedikit.
Sekian Postingan saya tentang Cara Mudah Memasang Widget Random Posts (Artikel Acak) di Blog.
Sekian Postingan saya tentang Cara Mudah Memasang Widget Random Posts (Artikel Acak) di Blog.
