Cara Membuat Random Post di Blog dengan mudah - Membuat sebuah random post agar terlihat lebih menarik dan keren, Random post adalah sebuah widget yang menampilkan artikel secara acak yang terdapat pada sebuah blog. Seperti yang kita ketahui bahwa, struktur bawaan dari blogspot hanya mampu menampilkan Featured Post saja, yang di rilis pada 11 desember 2015, maka untuk bisa menampilkan artikel secara acak, Anda harus menambahkan widget random post pada blogspot Anda. Dengan menambahkan widget random post pada blog Anda, secara otomatis artikel blog Anda akan tampil secara acak.
Kegunaan dari Random Post ini adalah agar posting terlama atau old posting bisa terbaca dan tidak ketilep posting baru.
Dan berikut sebagai cara membuat random post pada blog , tutorial lihat dibawah ini :
Membuat Random Post
1. Buka Blogger
2. Dashboard > Layout > AddWidget
3. Pilih HTML/Javascript
4. Masukan kode script dibawah ini pada kolom content.
<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>
<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/AVvXsEikxdzPDGBvqLbKggcpMsb-6oOz6FSMlR4Ig7uDiPv_eUHudaE4aHCy6iZ4DYYu_NFcqXoFTf5MnOYi3Mfc09u6dQd9MoM3I0nxQSOOAL8InNK7L4zd8UycvWNJH7HC8o0XwuNGdTlqrg/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>
<a href="http://www.seonih.ga/"><small>Get Widget</small></a>
</ul>
5. Save (Jika Sudah)
Struktur Penggunaan Random Post
var randomposts_number = 5;
Ini adalah berapa junlah posting yang ingin di tampilkan pada random post dan kalian juga bisa mengganti nomor 5 sesuai kebutuhan kalian.
var randomposts_chars = 110;
Ini adalah per character pada artikel posting berjumlah 110 character pada paragraf pertama.
var randomposts_details = 'yes';
Ini adalah untuk menampilkan detail hari/tanggal/label/comments pada random post.
Demikian Cara Membuat Random Post di Blog
Sekian terimakasih (http://www.seonih.ga/)*
Tidak ada komentar:
Posting Komentar
Pengaturan Komen :
- Sopan
- Dilarang Spam
- Dilarang Komentar SARA
- Dilarang Komentar Dengan Link Aktif