Cara Memasang Random Posts Fast Loading di Sidebar Blog

Baca Juga

Cara Memasang Random Posts Fast Loading di Sidebar Blog

RANDOM Posts artinya posting yang ditampilkan secara acak. Bisa berupa judul plus gambar dan ringkasan, bisa juga hanya berupa daftar judul tulisan --ini yang fast loading.

Fungsi Random Post ini sebagai menu navigasi atau internal link. Sama dengan fungsi widget Popular Posts, Most Commented Posts, Related Posts, dan Recent Posts.

Widget Random Posts memunculkan dan mempromosikan posting lama secara acak kepada pengunjung yang sedang membuka halaman blog kita.

Random sendiri artinya --menurut Kamus Inggris-- secara serampangan, dengan sembarangan, tidak disengaja. Tapi, dalam konteks blogger, maksudnya adalah dimunculkan secara acak oleh kode yang dipasang.

Menurut para senior blogger, random post ini bagus buat meningkatkan pageviews, bahkan bisa meningkatkan seo blog karena Google bisa mengindeksnya.

Berikut ini cara memasang widget random post yang penampakannya seperti gambar di bawah ini. Demo Random Post Widget bisa dilihat di sidebar paling bawah halaman posting blog ini.

Cara Memasang Random Posts Fast Loading di Sidebar Blog

1. Di Dashbord Blogger, klik "Layout" (Tata Letak) > Pilih "HTML/Javascript"
2. Isi judul widget dengan Random Posts atau bebas --misalnya Posting Rekomendasi
3. Copy & Paste kode berikut ini:

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogromeltea.blogspot.com/",
numPosts = 5;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

Note!
Ganti http://blogromeltea.blogspot.com/ dengan alamat blog Anda.

4. Save!

Memunculkan Random Post di Halaman Dalam Saja

Jika hanya akan dimunculkan di halaman posting atau halaman dalam, tidak tampil di halaman depan (home), gunakan Tag Kondisional berikut ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>

Cara Memasangnya:
1. Klik Template > Edit HTML
2. Cari kode widget Random Post yang sudah dipasang tadi: Ctrl+F > Random Post
3. Akan ditemukan kode seperti ini:

 <b:widget id='HTML4' locked='false' title='Random Posts' type='HTML' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>

4. Pasangkan kode Conditional Tag tadi di bawah kode <b:includable id='main'> dan di atas kode </b:includable> menjadi kayak gini (perhatikan posisi kode warna merah). 

<b:widget id='HTML4' locked='false' title='Random Posts' type='HTML' visible='true'>    
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
        </b:if>
</b:includable>
    </b:widget>

5. Save Template!

Demikian Cara Memasang Random Posts Fast Loading di Sidebar Blog. Kalau gak work alias gagal, berarti gak kodenya gak cocok dengan blog Anda. Masih banyak kode Random Post yang lain. Googling aja lagi :)
Wasalam. (http://blogromeltea.blogspot.com/).*