Pada catatan pertama kali ini setelah beberapa hari ngga update blog dikarenakan kesibukan lebaran idul fitri,maka saya akan berbagi Cara membuat Widget recommended post slide pada blog milik sobat.
1.Buka akun blogger dan buka Rancangan > Tata Letak > add gadget > HTML/javascript, kemudian masukkan kode berikut ini:
<div id=”bpslidein” style=”display:none;”> <div class=”help”>?</div><div class=”expand”>+</div> <div class=”close”>X</div> <p><a href=”http://catatandarmanto.blogspot.com/2012/08/cara-membuat-widget-recommended-post.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://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-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://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png” alt=”Recommended Post Slide Out For Blogger” /></a>
2. Simpan Gadget
3. Kemudian masuk ke Rancangan >Template > Edit HTML > (ctrl F) cari kode:
<div class=’post-footer-line post-footer-line-1′>
atau
<p class=’post-footer-line post-footer-line-1′>
atau
<data:post.body/>
Pilih salah satu kode diatas sesuai yang ada pada template milik sobat.Setelah memilih salah satu kode tersebut diatas,kemudian masukkan kode di bawah ini tepat dibawah kode tersebut diatas:
<b:if cond=’data:blog.pageType == “item”‘>
<div style=’display:none’ id=’bpslidein_place_holder’></div>
</b:if>
4.Save template dan lihat hasilnya.
Keterangan:
-Widget Recommended Post Slide ini hanya muncul di bagian artikel blog milik sobat dan tidak muncul di homepage.
Ok sobat Darmanto semua,itulah catatan saya pada kali ini mengenai Cara Membuat Widget Recommended Post Slide,semoga bermanfaat bagi sobat yang ingin membuat Widget Recommended Post Slide.
kalau mau di edit latar belakangnya gmana ?
@jek brom,untuk edit latar belaakang,atau edit kode lainnya,sobat bisa kunjungi situs pembuat scriptnya langsung di http://www.bloggerplugins.org
Gan supaya bisa muncul di home page juga gimana ?
kok agan ga pake widgetnya ?