Cara membuat widget recommended post slide out pada blog

Blog pemula | Baiklah sobat blogger, kali ini saya akan membagikan cara membuat recommended post slide out pada blog. Recommended post slide out ini kelebihan nya adalah bisa di close. Langsung saja kita masuk tutorial nya.

1. Silahkan login ke blogger
2. Pilih tata letak
3. Klik tambah gadget
4. Pilih HTML/Java Script
5. Maukan Script di bawah ini
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p><a href="http://azamirahman.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://azamirahman.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOdgs14rzpf81PXVDKlJfF9oWj2ecrUrUYycp_Qn3JrUtU2hCS0Kbwjx_G0cLNmxsQbNMO62CKxg-FNV1leaEJcnKRbK1ZhtFQFWRai1Um8xJmZUxNEue_GQuYP-Tz81ecvBicZWNGxs/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a> 

6. Simpan
7. Kemudian klik template
8. Edit HTML
9. Kemudian cari Script di bawah ini, biar mudah gunakan Ctrl+F
<div classAAADS='post-footer-line post-footer-line-1'> 
10. Atau bisa juga script di bawah ini
<data:post.body/>
11. Kemudian cari Script </div>
12. Lalu copy script yang ada di bawah ini dan paste di bawah script </div>
<b:if cond='data:blog.pageType == "item"'><div style='display:none' id='bpslidein_place_holder'></div></b:if>
13. Simpan

Hanya itu yang dapat saya sampaikan, silahkan sobat tinggalkan komentar sobat, TERIMAKASIH

---

Apabila sobat hendak mengcopy artikel ini, Harap masukan sumber nya!!!

---