Cara Mudah Memasang Slide Box Rekomendasi Di Blogger

Cara Paling Mudah Memasang Widget Slide Box Rekomendasi Di Blogger - Anda pernah mengunjungi situs-situs berita seperti situs inilah.com ? Anda melihat widget artikel rekomendasi setelah scroll agak ke bawah kan? Widget artikel rekomendasi ini juga sangat berguna bagi blog kita karena dapat membuat pengunjung meng-klik artikel yang keluar di box rekomendasi.

Pada malam ini saya akan share cara membuat widget tersebut, namun widget ini sedikit berbeda dengan tampilan widget rekomendasi di situs inilah.com ataupun yang di share di blog kang ismet karena saya sendiri gagal mempraktekkan tutorial dari kang ismet di blog saya ini :D. Setelah sedikit googling akhirnya saya mendapatkan script yang cocok utuk blog saya ini.

Slide Box Rekomendasi Blogger

Widget slide box rekomendasi ini berisi artikel terkait dengan thumbnail, selain artikel terkait widget ini juga menampilkan widget random post sehingga membuat pengunjung lebih betah mengunjungi blog kita. Anda berminat memasang widget ini di blog anda? Silahkan ikuti tutorial saya kali ini!

Tutorial Memasang Widget Slide Box Rekomendasi Di Blog : 

1.) Masuk ke dasbor blogger -> Lalu pilih menu "Tata Letak"

2.) Klik "Tambahkan Gadget" (terserah dimana saja), lalu pilih "HTML/Javascript."

3.) Masukkan script slide box rekomendasi di bawah ini :

<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="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Rekomendasi Untuk Anda :</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")!=-2){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://mas-aldi.googlecode.com/svn/Slide-Box-Rekomendasi.js",function(){},"bp-out-slide")},"jQueryjs")} </script> </b:if>

5.) Klik Simpan, lalu lihat salah satu postingan blog anda.
Semoga Berhasil :)

Baca Juga : Cara Memasang Widget Kamera CCTV di Blog

Cara Mudah Memasang Slide Box Rekomendasi Di Blogger 2014-10-30T19:45:00+07:00 Rating: 4.5 Diposkan Oleh: Anonymous