Random Posts dengan load ringan untuk Blogger

Widget

Random Posts, merupakan sebuah umpan yang berguna untuk mewakili posting terkait lainnya agar muncul setelahnya, kenapa demikian? para pengunjung akan melihat pilihan acak sebuah posting yang ada di blog anda melalui widget random posting ini, lalu setiap yang di baca akan mengaikan kepada artikel lainnya secara tidak langsung. kegunaan random post ini menyerupai daftar isi, namun random post hanya mengelompokkan menjadi beberapa bagian. kelebihan random post ini adalah lebih ringan, disertai dengan style dan lebih terlihat rapi.


ingin membuatnya? ikuti langkah di bawah ini

Langkah 1: Tambahkan kode berikut sebelum kode ]]></b:skin> dalam template Anda. atau jika anda kesulitan sobat bisa menempatkan css dalam satu widget dengan kode scriptnya di iringi tag pembuka <style> dan penutup </style>.

#random-posts img {
      float:left;
      margin-right:10px;
      border:1px solid #999;
      background:#FFF;
      width:36px;
      height:36px;
      padding:3px
}

Langkah 2: Tambahkan 1 widget HTML / Javascript untuk menampilkan di Random Posts. Teks Editing dan paste kode berikut ke dalam konten dan pilih SAVE.

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='komentar';
var rdp_disable='Comments Off';
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPIlMlp7enDj7mMUotVby_FesoFS41K-jwpmdmp11Fmk60Nr_8T045XQ02CjyE-AFQs8GmdWcQT4a6Vl6wjRjVPQCw5c_Ibld6yhSbtRj3vUeYnR1r9DmsM1pvXZJBNm9kBwHs3ijS0qN/"}}};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>

Ganti 5 dengan yang anda inginkan, ini perintah untuk artikel yang ingin ditampilkan,
150 adalah jumlah karakter isi posting kutipan. Jika Anda tidak ingin menampilkan informasi tanggal dan posting atau beberapa komentar silahkan ubah yes menjadi no untuk salah satu karakter lain.

Semoga bermanfaat...

Artikel Terkait

  • Memasang widget recent comment tanpa author
    Sore para sobat - sobat blogger, masih giat ngeblogkan... kali ini saya coba berbagi cara dan trik membuat recent comment di blogger tanpa memunculkan avatar admin/author blog.  Baiklah kalau sobat juga ingin menerapkannya pada blog sobat masing-masing silahkan anda ikuti tutorial nya berikut ini: Cara Membuat Recent Comment No Avatar A…
  • Memasang widget top komentator dengan avatar
    Dengan widget ini anda dapat membuat daftar pengunjung yang sering berkomentar di blog anda. Anda dapat mengkonfigurasi jumlah maksimum komentator dan jumlah minimum komentar seseorang sehingga masuk dalam daftar komentator teraras blog anda. Selain itu Pemilik blog dan daftar torehan lain (misalnya "Anonymous") dapat tidak di munculkan dari d…
  • Widget Recent Post Thumbnail untuk blogger
    Recent Posts dengan miniatur gambar - widget ini memudahkan pengunjung blog anda untuk menemukan postingan baru/terupdate di blog anda. membuatnya juga mudah seperti memasang Random Post yang pernah saya posting. Demo caranya adalah sebagai berikut: Langkah 1: Tambahkan kode berikut sebelum tag ]]></b:skin> dalam template …
  • Widget Popular Posts Style Sliding Galeri
    Banyak Blogger menyediakan tutorial untuk menyesuaikan widget Populer post standar Blogger dengan CSS. Menurut pendapat saya, widget Popular post dapat membantu pembaca untuk memilih artikel yang paling tren di blog tertentu. Selain itu, widget Populer post juga dapat disesuaikan agar lebih menarik perhatian dari para pengunjung. Jadi, di sin…
  • Cara Membuat Sticky Post di blogger/blogspot
    Sticky post adalah satu tool yang berguna menempatkan sebuah artikel/posting tetap di urutan teratas meski posting/artikel ini terlebih dahulu di publikasikan sebelum artikel yang lain. manfaatnya adalah membedakan artikel/posting penting, pemberitahuan event, atau juga dengan tujuan lain. Trik ini Menggunakan script untuk mengambil posting y…
  • Trik untuk memotong Snippet Popular Post
    Kebanyakan snippet atau deskripsi populer default blogger terlalu panjang, sehingga membuat widget di sidebar tampak tidak rapi untuk tampilan dan memakan ruang yang begitu lebih. trik ini juga bisa digunakan untuk mempercantik widget populer post hasil dari kreasi sobat sendiri sebagai tambahan css agar widget populer post sobat tambah keren da…

1 komentar

  1. Bagus Nih bner2 Ringan Tapi Kl tanpa gambar gmana ya cara ngatur/edit kodenya??

    BalasHapus

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...