RANDOM Posts artinya posting yang ditampilkan secara acak. Bisa berupa judul plus gambar dan ringkasan, dapat juga hanya berupa daftar judul goresan pena --ini yang fast loading.
Fungsi Random Post ini sebagai sajian 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 usang 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 yakni dimunculkan secara acak oleh arahan yang dipasang.
Menurut para senior blogger, random post ini elok buat meningkatkan pageviews, bahkan dapat meningkatkan seo blog sebab Google dapat mengindeksnya.
Berikut ini cara memasang widget random post yang penampakannya menyerupai gambar di bawah ini. Demo Random Post Widget dapat 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 arahan 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="Cara Memasang Random Posts Fast Loading di Sidebar Blog" 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>
<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="Cara Memasang Random Posts Fast Loading di Sidebar Blog" 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 == "item"'>
</b:if>
</b:if>
Cara Memasangnya:
1. Klik Template > Edit HTML
2. Cari arahan widget Random Post yang sudah dipasang tadi: Ctrl+F > Random Post
3. Akan ditemukan arahan menyerupai 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 arahan Conditional Tag tadi di bawah arahan <b:includable id='main'> dan di atas arahan </b:includable> menjadi kayak gini (perhatikan posisi arahan 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 == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 arahan Random Post yang lain. Googling aja lagi :)
Wasalam. (http://blogromeltea.blogspot.com/).*
0 comments: