Rabu, 31 Januari 2018

Widget Random Post Dengan Thumbnail Dan Seo Friendly

 Dengan Thumbnail Dan SEO Friendly by sharehovel Widget Random Post Dengan Thumbnail Dan SEO Friendly

Widget Random Post Dengan Thumbnail Dan SEO Friendly - Widget Random Post (postingan acak) berfungsi untuk menampilkan postingan anda secara acak, baik itu postingan usang ataupun postingan terbaru. Sangat berkhasiat apabila jumlah postingan anda sudah cukup banyak, contohnya ratusan, maka postingan-postingan usang anda berkemungkinan sanggup dibaca kembali oleh pengunjung blog anda. Keuntungan yang anda sanggup yaitu pageviews dari setiap artikel anda sanggup meningkat dari sebelumnya dengan adanya widget random post ini.

Nah, widget Random Post yang akan saya bagikan kali ini, cukup ringan dan tidak memberatkan loading blog anda alasannya yaitu hanya tampil judul postingan disertai thumbnail dengan ukuran yang minimalis. Selain itu, widget Random post ini juga sanggup anda sesuaikan bila anda hanya ingin menampilkan postingan dengan label tertentu.

Dan yang lebih Istimewa yaitu widget Random Post ini sudah saya modifikasi dari isyarat aslinya, supaya SEO friendly. Saya sendiri tidak tahu siapa pembuat orisinil dari isyarat widget Random Post ini, alasannya yaitu ada begitu banyak blogger yang membagikan isyarat ini dan saya hanya memodifikasinya sedikit supaya SEO friendly, tapi saya ucapkan terimakasih untuk pembuat orisinil dari isyarat ini. Ok, lanjut. Kenapa saya bilang SEO friendly? alasannya yaitu penambahan isyarat tag alt dan title pada javascript-nya untuk setiap thumbnail dan link judul postingan yang tampil pada widget Random Post ini.

Baiklah, berikut Cara Membuat Widget Random Post Dengan Thumbnail  dan SEO Friendly di Blog

1. Login ke akun Blog anda

2. Masuk ke munu Layout > Add A Gadget, lalu pilih HTML/Javascript

3. Selanjutnya, masukan semua isyarat dibawah ini
<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:4px}
-->
</style>
<ul id='random-posts'>
<script type="text/javascript">
var rdp_numposts=5;var rdp_snippet_length=100;
var rdp_info='no';
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)+"&#133;";};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://lh5.googleusercontent.com/-hxY0rTdcuyM/UfUyPpaoBKI/AAAAAAAACsQ/vFtqfUwj074/s72-no/no-image.PNG"}}};document.write('<li>');document.write('<img alt=" Dengan Thumbnail Dan SEO Friendly by sharehovel Widget Random Post Dengan Thumbnail Dan SEO Friendly" title="Widget Random Post Dengan Thumbnail Dan SEO Friendly" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" alt=" Dengan Thumbnail Dan SEO Friendly by sharehovel Widget Random Post Dengan Thumbnail Dan SEO Friendly" title="Widget Random Post Dengan Thumbnail Dan SEO Friendly">'+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>

Catatan !

Untuk menyesuaikan berapa jumlah postingan yang tampil pada widget random post ini, silahkan ubah angka 5 pada isyarat yang berwarna biru diatas.

Kemudian, isyarat diatas berungsi menampilkan semua postingan blog dari semua label anda, tapi bila anda hanya ingin menampilkan postingan dengan label tertentu, silahkan ubah dua isyarat yang berwara merah diatas dengan \"/feeds/posts/default/-/Label? , ubah goresan pena Label dengan nama label anda, contoh, nama label anda yaitu Wisata, maka penampakannya ibarat berikut:
\"/feeds/posts/default/-/Wisata?

Dan yang perlu diperhatikan lagi, bila nama label anda terdiri dari dua suku kata atau lebih, maka harus di tambahkan isyarat %20 sebagai pemisah kata untuk setiap dari nama label anda yang suku katanya berjumlah dua atau lebih. Contoh, nama label anda Wisata Alam, maka penampakannya ibarat berikut:
\"/feeds/posts/default/-/Wisata%20Alam?

Atau, bila nama label anda terdiri dari tiga suku kata, contoh, nama label anda Wisata Alam Liar, maka penampakannya ibarat berikut:
\"/feeds/posts/default/-/Wisata%20Alam%20Liar?

Dan begitu seterusnya, jadi pada dasarnya kode %20 fungsinya ibarat spasi

4. Jika sudah, skarang silahkan save dan lihat hasilnya

Untuk DEMO nya silahkan lihat widget berjudul Artikel Lainnya pada sidebar sebelah kanan di blog ini.

Ok, sekian dulu postingan kali ini tentang Cara Membuat Widget Random Post Dengan Thumbnail  dan SEO Friendly, semoga bermanfaat dan terimakasih.

Sumber https://sharehovel.blogspot.com/
Comments


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)