Cara Membuat Widget Recommended Post Slide Out

Sering kali kita mendengarkan atau melihat kata Recommended Post Slide Out. Ternyata itu adalah salah satu widget untuk sebuah blog atau website. Jika ingin membuat widget tersebut pada blog atau website sendiri, tapi tidak tahu cara membuatnya? anda tidak perlu khawatir, karena disini tempat yang sangat tepat untuk kalian semua yang ingin belajar tentang dunia blogging dan sebagainya.

Widget Recommended Post Slide Out ini hampir sama dengan related post, perbedaannya related post menampilkan dengan satu label saja, tapi kalau Recommended Post ini menampilkan secara acak (random) dengan muncul tiba - tiba dibagian sudut kanan bawah. Manfaat dari widget tersebut sama dengan related post yaitu untuk meningkatkan pageview terhadap blog atau website kalian.

Bagi kalian yang ingin membuat widget tersebut, silahkan ikuti langkah - langkah di bawah ini.

Cara Membuat Widget Recommended Post Slide Out :

1. Login ke blogger
2. Pilih Tata Letak
3. Klik Tambahkan Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ke dalam kotak HTML/Javascript yang sudah disediakan

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p><a href="http://catatan-lingga.blogspot.com/" target="_blank">Recommended for you</a></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("http://ngocop16.googlecode.com/files/recomended%20slide%20out.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://catatan-lingga.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhED3u7n4JWj1HITDC3U6mwDUDU94kNav6X6CwByl6Oe93EbF5z6pDNS7wI0bgaxJQVnZhT_bXrTQgVUf7O176N_MyamIwjH4yd5K4mKk-bzuOlgKcg0XNteqxHCTwFpq0GjAqF4LmSBY8/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>  

6. Klik Simpan
7. Sekarang kita pindah ke Edit HTML, lalu cari kode di bawah ini, gunakan Ctrl+F untuk memudahkan pencarian kode

<div class='post-footer-line post-footer-line-1'>

atau


<data:post.body/>

Scroll ke bawah sampai kode </div>, kemudian copy kode di bawah ini dan paste di bawah kode </div>


<b:if cond='data:blog.pageType == "item"'><div style='display:none' id='bpslidein_place_holder'></div></b:if>

8. Simpan Template

Demikian tutorial yang dapat saya bagikan tentang Cara Membuat Widget Recommended Post Slide Out. Semoga bermanfaat dan jangan lupa tinggalkan komentarnya.