Kali Ini saya akan berbagi pengetahuan tentang
Cara Membuat
Random Post di Blog, Salah satu widget yang menjadi solusi saya itu adalah
widget Random Post. Dengan widget tersebut pengunjung akan diperlihatkan
posting-posting lain yang terdapat diblog sehingga ini akan meningkatkan
pageview. Manfaat meningkatkan pageview itu lah yang saya suka. Sesuai dengan
namanya widget ini akan menampilkan berbagai artikel kepada pengunjung secara
acak dan tidak ada patokannya. Setiap anda merefresh halaman maka widget itu
akan berubah dan menampilkan posting yang lain pula.
1. Seperti Biasa Buka Login Akun Anda Disini
2. Pilih Tata Letak
3. Lalu Klik Tambahkan Gadget
4. Lalu Pilih HTML/JavaScript
5. Lalu Copy Script Berikut Dan Pastekan Di Kotak
HTML/JavaScript Tadi
<style>
<!--
#random-posts
img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:75px;height:75px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script
type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=100;
var rdp_info='yes';
var rdp_comment='Comment';
var rdp_disable='';
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){a=location.href;y=a.indexOf('?m=0');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;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}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/AVvXsEjbNlNfj5CpshkbH-ezyF3JGSNSLNESKPLaGEDEM-XjtMylx6TAayhj2DD6zlvmcDqk-9ayjXThUIfbgfZGk0w2fGFNf7k3vkZjy6gt3lJX29RaodvCn8HXmTWn8fl2LVz0X6ZqgOumQApe/s1600/no-image.PNG"}}};document.write('<li>');document.write('<img
alt="'+rdp_posttitle+'"
src="'+rdp_thumb+'"/>');document.write('<div><a
href="'+rdp_posturl+'" rel="nofollow"
title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+'
- '+rdp_commentsNum)+'</span>'}document.write('<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>
6. Klik Simpan .
Edit script yg berwarna biru sesuai dengan keinginan
background:#FFF; (Warna background sesuaikan dengan template blog anda)
width:75px; (Lebar thumbnail)
height:75px; (Tinggi thumbnail)
var rdp_numposts=5; (Jumlah Postingan yg ingin di tampilkan)
var rdp_snippet_length=100; (Mengatur jumlah karakter snippet)
background:#FFF; (Warna background sesuaikan dengan template blog anda)
width:75px; (Lebar thumbnail)
height:75px; (Tinggi thumbnail)
var rdp_numposts=5; (Jumlah Postingan yg ingin di tampilkan)
var rdp_snippet_length=100; (Mengatur jumlah karakter snippet)
Bagaimana Mudah Bukan ? Sekian Dari Saya Semoga Bermanfaat Dan
Selamat Mencoba
Untuk Melihat Kode Warna Bisa Klik Disini
0 komentar:
Posting Komentar