MEMBUAT SLIDE - OUT ARTIKEL BLOGGER

Hay kali ini sambil saya belajar saya juga akan berbagi ilmu bagaimana membuat Slide - out pada blogger kalian caranya cukup mudah kok. tujuan Gadget ini, memungkinkan pembaca yang ada diblog anda menjadi lebih lama untuk membaca artikel anda, karena Slide - Out ini akan menampilkan tampilan yang sudah lama dan terkubur dibawah Artikel yang masi baru.

caranya cukup mudah ayo kita belajar bersama .
yang pertama anda harus masuk terlebih dahulu kedalam Blogger.
setelah itu pilih Tata - Letak.
kemudian pilih Tambahkan Gadget.
pilih Gadget HTML / Java Script.
kalau sudah kamu masukkan Kode Script dibawah ini.Dengan cara mengcopy semua teks biru dibawah ini kemudian kamu pastekan kek HTML/ Java Script.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='bpslidein_place_holder' style='display:none'/></div><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Anda Mungkin Perlu Baca ini</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("https://slider-rekomendasi.googlecode.com/files/rekomenasi%20slider.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://tipssahabat.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXFQ3hnoUKC-mATSczg0OFCtWUdkF0tDoXbcO71YcqcDQe8juNemrh8Ingu6yFIG92KwWk4bpYkDVgp_fZ5rxXxrtVlIikfMijkocIIEAgoJBEYPAKHzB0eH_ZLo35yTtS0bdXMZwoLE/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a></b:if>

kalau sudah anda Paste di HTML/Java Script, selanjutnya tinggal menekan simpan saja. dan lihat hasilnya di blog kalian.

biasanya akan muncul di sebelah pojok bawah kanan. seperti ini contohnya :

Semoga artikel diatas bisa bermanfaat bagi anda para pembaca.

Related Posts:

Tweet