Widget / HTML Random Posts

Assalamu'alaikum. Wr.Wb

Selamat siang Sobat terima kasih yah sudah mau berkunjung. Di siang saya akan melanjutkan posting;

Berbagi ilmu mengenai Cara memasang / menambahkan  widget Random Post di Blog kita. untuk Popular Posts dan Recent Post udah kemarin ya atau bisa di cari di Label Berbagi Ilmu...hehehe

Ok Langkah - langkahnya sebagai berikut ( sama dengan petunjuk - petunjuk kemarin ya )

1. Buka blog anda di menu "Blog Saya" Klik lihat Entri ( ) lalu klik pengaturan " Tata Letak " >
2. Lalu pilih klik add widget yang anda inginkan misal di samping kanan blog kita, klik tambahkan widget/gadget. >
3. Disitu nanti akan keluar jendela kecil baru bertuliskan Tambahkan Gadget lalu pilih dan klik HTML/javacript >
4. Nanti akan keluar jendera kecil baru lalu Isi judul " Random Posts / sesuka anda " >
5. Copy kode di bawah ini lalu paste kode tepat di konten.

<style>
#random-posts img {
border-radius: 1px;
float: left;
margin-right: 5px;
width: 45px;
height: 45px;
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 = 4;
var randomposts_chars = 123;
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) + "&#133;";
};
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/AVvXsEjyjA3oe3korP5ZTq_oLzC3YDYSMiu7xbXtLX8ix9RlDpV9tWa-e96zBnmZcCzu7lC3vaK5Vd7JqlIJovJBUZ82-1p_IsEW7G2j2KD1-ijAQG4fQzbyG6Ik0n7Jf8-1z-Tg7cX18CzGBEY/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>

untuk edit warna atau ukuran silahkan otak atik sendiri yah kalau salah tinggal di ulang lagi..copy paste dari blog saya ini..Ok sekian dari saya bila ada pertanyaan silahkan komen atau bisa menghubungi saya bila terburu-buru..

Wassalamu'alaikum Wr.Wb.

 " Orang Sukses/ Pintar itu tidak dilahirkan langsung Pintar / Sukses tetapi dari mereka belajar, memahami dan menerapkan/ menjalankan ilmu yang di dapatnya tersebut di dalam kehidupannya .Berbagi ilmu meskipun sepele tapi manfaatnya besar bagi yang membutuhkan dan merupakan amal kebaikan untuk kita diakhirat kelak ...aamiin"