Cara Membuat Random Post bergambar dan tidak bergambar

Cara Membuat Random Post bergambar dan tidak bergambar

- June 25, 2019

cara membuat rondom post ini di bilang sangat simpel dan mudah sebelum itu apa sih ke gunaannya kegunaan nya widget random post ini dapat meningkatkan pencarian blog anda di mesin penjari sebagai tambahan kata kunci selain itu ini juga sangat bermanfaat untuk pengunjung blog kita supaya dapat memancingnya untuk membaca artikel kita sehingga dapat berlama-lama nongkrong di blog yang kita buat .

tentu saja efek dari semua itu dapat meningkatkan viewer di blog kita yang tentunya akan meningkatkan penghasilan yang kita dapat dari blog yang kita buat .

dari alasan ter sebut saya akan membagikan koding random post yang bergambar dan hanya tulisan ya langsung saja.

langkah pertama kalian menuju dashboar blog kalian
langkah kedua pilih pengaturan tata letak
langkah ketiga pilih lokasi widget yang akan anda pasang
langkah keempat pilih html
langkah kelima copy kodingan di bahwa ini

ini kodingan untuk random post yang di sertai gambar

<style>#random-posts img{border-radius: 0px;float:left;margin-right:5px;width:75px;height:75px;background-color: #FFFFF;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: 13px;text-transform:uppercase; padding: 0px auto 5px;}#random-posts a:hover {text-decoration: none;}.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}#random-posts span {}#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}</style><ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=4;var rdp_snippet_length=120;var rdp_info='no';var rdp_comment='comment';var rdp_disable='Comments Disabled';var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()(rdp_total_posts-1));return ranNum};</script><script type='text/javaScript'> function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilaJ7TyUSSwt27CY6Us-wEljK8rlMxSdCt9-n5eQnAM1vpL4pOScDlodseNqsB2ZDVfO9I56vsJ69U-pCxqugzutjnRwxYlTRdA_YUUttFFLXsuDvtr0YvJB0kfqHWAkLxRJae9bGBVgQ/s1600/no-image-available.jpg"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span><div class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<div class="rp-snippet">'+rdp_snippet+'</div><div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script></ul>

Note : untuk kodingan yang bergambar ada tamplate yang tidak suport dengan kodingan di atas

kodingan untuk random post hanya text

untuk tulisan berwarna merah ubah dengan link blog kalian oke

<style scoped='' type="text/css">
#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-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;}
#arlina-random li:last-child{border-bottom:0;}
#arlina-random li a{color:#444;}#arlina-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='arlina-random'>Memuat...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'https://jegabook.blogspot.com',
maxResults = 5,
containerId = 'arlina-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 ArlinaRandomPosts(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=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>

6. langkah terakhir kopi salah satu koding di wedget html yang kalian inginkan

jika masih bingung dapat menonton video di atas

itu saja untuk kali ini semoga bermanfaat dan membantu teman - teman

Comments