Widget ini diperkenalkan oleh Mary Lou’s blog dan telah dikembangkan oleh bloggerplugin's blog sehingga implementasinya menjadi semakin mudah dengan beban loading yang lebih ringan. Artikel akan ditampilkan secara random dalam widget ini ketika pengunjung menggulir halaman sampai bagian bottom. Artikel acak yang ditampilkan, diambil dari feed blog anda dengan menggunakan Ajax. Anda dapat melihat tampilan Widget seperti yang terpasang pada halaman artikel ini, silahkan gulir halaman ini sampai bagian bottom.
Untuk memasang Widget Recommended Post ini di blogger, ikuti langkah berikut
- Login ke blogger dengan ID anda
- Pada halaman dashboard blogger klik link nama blog anda
- Pilih menu Template ->> Edit HTML ->> Proceed
- Beri tanda check pada kotak Expand widgets Template
- Cari kode seperti di bawah ini
<div class='post-footer-line post-footer-line-1'>
- Atau seperti kode ini
<p class='post-footer-line post-footer-line-1'>
- Atau seperti kode ini
<data:post.body/>
- Pilih salah satu kode saja dari kode di atas... kemudian paste kode berikut ini tepat di bawahnya
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
- Simpan template anda dengan menekan tombol Save Template
- Selanjutnya pilih menu Layout ->> Add a gadget
- Pilih Gadget type HTML/Javascript
- Paste kode dibawah ini ke dalam kotak content gadget type HTML/Javascript
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://sites.google.com/site/multipaste1/bp-out-slide.min.js?attredirects=0=1",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://multipaste.blogspot.com/2012/06/menggunakan-widget-recommended-post.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT2yweLGBNYj7TjmkYRZmduM1QijnoE48NBtKvHa3JNG7YTz8JYe8OKTrLBrPcqlLlBNJxBd5Uz2EjjOCe7qmjtIs7cuzc2eB4WBJCObXPp3ZvaDCuP2MEZnsZQWyQ2edu2Kx3q-v_9QU/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>
- Tekan tombol save untuk menyimpan gadget
- Periksa blog anda, buka salah satu artikel dan gulir layar sampai pada bagian bottom dan pastikan gadget ini telah tampil di sana, jika berhasil jangan lupa ucapkan Alhamdulillah...