Memasang Widget Random Post di Blogger dengan Thumbnail

In Blogging

Random Post Blogger Thumbnail – Apakah anda sedang mencari Cara untuk membuat widget Postingan acak di Blogger atau Blogspot dengan Gambar, Jika anda sedang mencari kata Kunci tersebut kali ini saya akan membagikan Langkah demi Langkah Untuk membuat widget tersebut.

Saya juga memasang Widget Random Post Pada Blog ini, yaitu terletak di Sidebar sebelah kanan. Untuk membuat Random Post on Blogger Thumbnail itu sangat Mudah, Berikut Caranya :

1. Log in ke Akun Blogger Sobat.

2. Masuk ke menu “Layout” Template Kemudian Klik “Tambah Widget” dan Pilih “HTML/Javascript

3. Masukkan Kode Berikut :

<ul class='random-posts'>
    <style type="text/css">
        ul.random-posts{list-style:none;margin:0;padding:0;}
        .random-posts li{border-bottom: 1px dashed #f0f0f0;position: inherit; background:none !important;margin:0 0 3px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
        .random-posts li img{position:relative; float: left; border: 3px solid #e0e0e0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right:11px; margin-top:3px; width:40px; height:40px;padding:0px; }
        .random-posts li a{ font-weight:bold; text-decoration: none;}
        .random-posts li span{display:none;}
    </style>
<script type='text/javaScript'>
    var rdp_numposts=10;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Comments';
    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="http://alimadura.com/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="http://alimadura.com/";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"http://alimadura.com/");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("http://alimadura.com/");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+"http://alimadura.com/"+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="http://2.bp.blogspot.com/-XQt2v4x5dl8/T1zdpFh392I/AAAAAAAABUU/xMJZDedw38k/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="http://alimadura.com/"+rdp_posttitle+"http://alimadura.com/" src="http://alimadura.com/"+rdp_thumb+"http://alimadura.com/"/>');document.write('<div><a href="http://alimadura.com/"+rdp_posturl+"http://alimadura.com/" rel="nofollow" title="http://alimadura.com/"+rdp_snippet+"http://alimadura.com/">'+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>

3. Terakhir Klik “Save“.

Itulah Langkah Mudah untuk menampilkan Random Post di Blogger, Random post ini berfungsi untuk memudahkan Pengunjung di blog anda untuk mendapatkan Artikel menarik sehingga blog anda tidak kaku dan bisa membuat Ratio Pengunjung di Blog anda meningkat.

Tags: #tips blog #trik blog #tutorial blog

3 Tutorial Cara Membangun Toko Online di WordPress
3 Tutorial Cara Membangun Toko Online di WordPress
Seiring perkembangan teknologi internet saat ini, semakin
Bagaimana Cara Menggunakan WordPress Untuk Pemula
Bagaimana Cara Menggunakan WordPress Untuk Pemula
WordPress sendiri adalah salah satu fasilitas yang
Membuat Simple Syntax Highlighter Di Blogger
Membuat Simple Syntax Highlighter Di Blogger
Apakah anda Ingni Menggunakan Prettify Syntax
Cara Membuat Fanpage Facebook Melayang Di Blog
Cara Membuat Fanpage Facebook Melayang Di Blog
Bagi Para Blogger Yang mempunyai Fanpage
Tips dan Trik Menggunakan WordPress untuk Pemula
Tips dan Trik Menggunakan WordPress untuk Pemula
Apakah anda baru Menggunakan CMS WordPress
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
2 Cara Membuat akun OpenID untuk Berkomentar di Blog
alimadura.com – Pada artikel kali ini
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Tips Menulis Artikel Untuk Meningkatkan Pengunjung Blog
Bagaimana cara Membuat Artikel yang Berkualitas
Must read×

Top
web statistics