Membuat Widget Recommended Post Slide Out

Cara Memasang / Membuat Widget Recommended Post Slide Out di Blog - Recommended For You di Pojok/Sudut Kanan Bawah Blog.-  Dalam dunia blog selain pengunjung, ada juga satuh yang tak kalah penting, yaitu pageview. Pageview adalah jumlah halaman yang di kujungi atau di akses satu visitor ( pengunjung ) pada suatu blog dan pada waktu tersebut. Banyak cara untuk meningkatkanya, baik dengan memasang related post di blog, memasang daftar isi di sidebar, memasang recent post dan lain - lain.

Kali ni, saya akan kasih satu widget yang bisa meningkatkan pageview, namanya Recommended Post Slide Out atau tak jarang juga orang menyebutnya Widget Recommended For You. Widget ini menampilkan link artikel acak berupa judul dan gambar yang muncul secara tiba - tiba pada bagian pojok kanan bawah blog.

Fungsinya sebenarnya hampir sama dengan related post, bedanya, yang ini artikelnya di tampilkan secara random ( acak ) sedangkan related post menampilkan artikel se label. Sobat yang berminat memasang widget recommended post slide out di blog ini silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript.
3. Masukkan kode berikut ke dalam kotak HTML/Javascript yang di sediakan.

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p><a href="http://ngocop16.blogspot.com/2013/07/membuat-widget-recommended-post-slide.html" 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://ngocop16.blogspot.com/2013/07/membuat-widget-recommended-post-slide.html" target="_blank"><img src="https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

Jangan lupa simpan

4. Pada edit HTML,centang expand widget terus cari code

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

atau

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

atau

<data:post.body/>

Scrool ke bawah sampai code </div> dan paste code berikut ini setelah code </div>

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

5. Simpan template

Selamat Ber-eksperimen. Semoga berhasil

<a href="http://ngocop16.blogspot.com/2013/07/membuat-widget-recommended-post-slide.html">Membuat Widget Recommended Post Slide Out</a>

Share this article :