Memasang Widged Random Post Bergambar
Widged random post merupakan salah satu fitur penting untuk meningkatkan pageview
Memasang Widged Random Post Bergambar
Buka Blogger > Masuk ke Layout/tata letak > Tambahkan wdiged baru > Pastekan kode dibawah ini
Keterangan
Save dan lihat hasilnya
Karena,
wiged ini berguna untuk menampilkan artikel pada blog secara acak.
Sehingga artikel lama yang belum pernah terlihat berpotensi akan
terlihat kembali oleh para pengunjung
Buka Blogger > Masuk ke Layout/tata letak > Tambahkan wdiged baru > Pastekan kode dibawah ini
<style>
#random-posts img{border-radius: 50px;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: 12px;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=5;
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://1.bp.blogspot.com/-NB2MA-pLDBk/V4R4DNoPVTI/AAAAAAAABgw/PAFHkifXxPUc6ugOjf_3kfvriLXy3-A7QCLcB/s1600/Screenshot%2B%25281010%2529%2B-%2BCopy.png"}}};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>
border-radius: 50px : Merupakan bentuk gambar nya, jika ingin diubah ke kotak ganti
50px menjadi 0px
var rdp_numposts=5; : Jumlah post yang ditampilkan (5 post)
var rdp_snippet_length=120; : Jumlah kata yang ditampilkan
var rdp_info='no'; : Ganti dengan yes jika ingin menampilan info post
var rdp_comment='comment'; : Kata comment akan muncul bila bagian info kalian
pilih yes, bisa diganti dengan kata lain
https://1.bp.blogspot.com/-NB2MA-pLDBk/V4R4DNoPVTI/AAAAAAAABgw/PAFHkifXxPUc6ugOjf_3kfvriLXy3-A7QCLcB/s1600/Screenshot%2B%25281010%2529%2B-%2BCopy.png
: Link gambar yang akan ditampilkan jika salah satu
artikel tidak memiliki gambar sama sekali
Save dan lihat hasilnya
Silahkan Berkomentar ;) "Memasang Widged Random Post Bergambar"
Post a comment
Dilarang mencantumkan Link aktif di komentar ya :)
Berkomentarlah secara relevan sesuai konten
No SPAM, no SARA :)