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

  • Membuat Daftar Isi Otomatis di Blogger/Blogspot
    Banyak script javascript untuk membuat daftar isi di blogger secara otomatis dengan memanfaatkan atau memanggil direktori feed default blogger. namun terkadang javascript ini terlalu berat saat memuat atau proses loader content sehingga membuat pengunjung malas untuk membuka. contoh seperti kode javascript di bawah ini yang bisa sobat coba...…
  • Membuat Widget Floating Sosial Sharing Bar
    Ketika saya berkunjung di blog tetangga, ada sebuah widget yang menarik yang saya lihat yaitu sosial sharing dengan gaya melayang/floating di atas header. untuk kali ini, jika sobat ingin memiliki widget ini { lihat gambar dibawah ini} langsung saja kita baca trik membuatnya. Tambahkan Plugin JQuery! Jika blog Anda telah memiliki sebuah plug…
  • Random Posts dengan load ringan untuk Blogger
    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 …
  • Memasang widget Contact form di halaman statis
    Sebelumnya, saya telah memposting artikel tentang memasang Formulir Kontak Blogger di link ini. Formulir kontak blogger ini bisa disesuaikan dengan mudah. Anda juga dapat menambahkan formulir ini ke dalam halaman statis blog Anda atau posting dengan beberapa langkah sederhana. Tambahkan Form Kontak Untuk Blog Anda: Anda dapat menambahkan…
  • 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…
  • Memasang widget form contact untuk blogger
    Blogger telah meluncurkan widget baru, yaitu contact form untuk semua blogger. untuk sobat yang sedang bingun/mencari cara bagaimana membuat form contact di blogger bisa langsung menggunakan widget ini. Fitur Blogger Contact Form: Form bergaya AJAX Google UI. Mengirim pesan teks sederhana. Dukungan kostumasi CSS . Pesan akan dikirim lan…

1 komentar

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

    BalasHapus
Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

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...