Cara Memasang Recommended Post Slide out diBlogger

Keep the visitors atau readers diblog kita untuk tetap berlama lama diblog kita bukanlah suatu pekerjaan yang mudah, tetapi hal itulah yang diharapkan oleh semua pemilik blog tak terkecuali, termasuk pemilik blog Education For All sendiri. Oleh sebab itu education for all akan sharing dengan sobat blogger mania tentang Cara Memasang Recommended Post Slide out diBlogger. Ini adalah semacam invitation kepada reader untuk tetap berada diblog kita dan mau membaca artikel artikel kita. sobat blogger mania mungkin sudah banyak melihat widget widget semacam ini di website website terkenal seperti New York Times, Mashable, Times of India etc. 

Education for all, mencoba untuk membuat  modifikasi snippet sehingga loadingnya  singkron tanpa mempengaruhi loading page. Slide out ini akan menunjukan random posts dari blog sobat blogger mania.  Random posts diproses dariBlog sobat blogger mania   menggunakan Feed  Ajax. Bila sobat blogger mania berminat untuk memasangnya diblog sobat ikuti langkah langkah berikut ini, tapi sebelumya coba lihat demo

D E M O

Cara Memasang Recommended Post Slide  Widget

Ada dua cara untuk memasang widget ini ke blog sobat blogger mania, Agar tidak terlalu ribet. Cara yang pertama Klik installer. Silahkan klik pada gambar dibawah ini, secara otomatis sobat blogger mania akan dibawa kehalam import

Customizing the Recommended Slide out

1. End Of Post marker – Slide comes out ini akan muncul dipojok bawah kanan halaman blog sobat blogger mania. Jadi akan terlihat ketika Reader sobat blogger mania menyekrol kebawh.

Cara yang kedua ikuti langkah langkah berikut ini:

=> Login ke Blogger
=> Klik Design/Rancangan
=> Klik Add gadget kemudian Scroll kebawah dan pilih HTML/Javascript. Lalu pastekan kode ini didamnya

Pastekan kode ini dihalaman  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("http://fajar7siblings.googlecode.com/files/fajar-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9SjR3I3FQljdkwnWOtTHeOvu7eTjljMQEo6MZ0nWnzjffz44NaGR-8MqVtVFPST7MdEgye_fF7UAv9pbp7x_2OFiRx75AZzLvAFjpFrGFFjCzjEEeBttLMxzPJk8NuE8H8bxyNTjRGk/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

Terakhir dan paling utama SAVE

Selesai.......Semoga bermanfaat...

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «