Cara Membuat Rekomendasi Artikel di Blog

Rekomedasi artikel di blog, merupakan widget yang merekomendasikan artikel menurut label artikel yang akan di baca oleh pengunjung. Widget rekomendasi ini sebelas dua belas sama Artikel terkait alias related post, yang membuatnya berbeda hanyalah dari segi tampilan.
Dari segi tampilan Rekomendasi artikel ini lebih bagus diterapkan di blog, karena jika pengunjung mengklik tombol close maka tidak akan langsung hilang rekomendasi artikelnya melainkan diminimize.
Cara pembuatannya pun sangat mudah, tidak seperti biasanya yang harus edit template. Cara membuatnya yaitu cuma simpan kode scriptnya di Widget HTML/JavasScript. Dan hasilnya seperti di bawah ini :

Contoh Penerapannya di Blog

Nah, bagi kalian yang ingin memasangnya di blog, silakan ikuti tutorial berikut ini !
1. Buka Dasbor Blogger
2. Pilih blog yang akan kamu pasang rekomendasi ini.
3. Klik Tata Letak atau Layout > Tambah Widget > HTML/JavaScript. Kemudian pastekan script di bawah ini di HTML/JavaScript tersebut:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bpslidein_place_holder' style='display:none'/></div>
<div id="bpslidein" style="display:none;">
<div class="expand">+</div>
<div class="close">X</div>
<p>Anda Mungkin Perlu Baca ini</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://slider-rekomendasi.googlecode.com/files/rekomenasi%20slider.js",function(){},"bp-out-slide")},"jQueryjs")} </script> 
<a href="http://www.materimedia.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlymqoEYud89YeaNNa-bO8eb6zdP7Nu-dRmFm8d5VZ_r-jALnCfbzfRCOaMgbLee3NDiBwmuEefsW3seGif1YnQMKnoEIyth_6dNfYoFByfMj4N7kIV1BLupCm7LuVZSOi7WcoazKmgkI/I/bloggerplugins.png" alt="Rekomendasi Artikel" /></a></b:if>