Personal Blog Online Berbagi Info Tips dan Trik, Wisata, Bola News, Kesehatan, Teknologi, Belajar Ngeblog,etc

Thursday, March 28, 2013

bikin Rekomendasi Slide - out Artikel situs atau blogger

bikin Rekomendasi Slide – out Artikel situs atau blogger

Widged Recommended Post Slide-oud bloogger atau bisa dikatakan widget rekomendasi artikel yang unik dan keren yang berada disudut bawah halaman situs atau blog amat popular di kelompok umur situs atau blogger luar negeri, walaupun Mayoritas dipakai pemakai wordpress saja. Widget rekomendasi bar (bukan rekomendasi facebook) ini cukup ringan dan tidak seperti itu berat. Cara menjadikannya pun cukup mudah, cuma menambah gadget pada situs atau blog dan cuma menambah sedikit kode ke edit HTML template.

layaknya anda lihat diatas bahhwa tampilan sesuatu widget rekomendasi slide out artikel ialah seperti itu simple dan sagat ahli. So ini akan amat berguna untuk membuat lengkap aksesoris situs atau blog kamu agar tampak lebi keren.


disamping itu widget rekomendasi slide out memilki fungsi yang amat berguna berbasickan saya, gara-gara Di Samping bentuk rupanya menarik, aksesoris situs atau blog yag satu ini mampu bikin pembaca bertahan lama pada situs atau blog kita. bahkan jika situs atau blog telah mempunyai related post / artikel terkait cepat loading.


Cara bikin Rekomendasi artikel *Slide Out

sesungguhnya untuk bikin widget ini amat sederhana bakan mudah sekali. Heran aja tetap banyak saja yang belum berhasil membuat tampil rekomendasi bar yang slide di bawah halaman artikel layaknya ini.


Okey guys, Mari mulai mencari jalan. Ada 2 cara (Pilih salah satu):


A. Cara Pertama untuk meampilkan Rekomendasi Slide

Untuk cara ini kita membutuhkan dua langkah Untuk dapat membuat tampil Rekomendasi Slide – out situs atau blogger. selanjutnya ke-2 langkah tersebut.



  • Masuk Ke account situs atau blogger anda

  • Klik Tata letak (rancangan) > tambah gadget > Pilih HTML/Javascricpt | masukkan kode source di bawah ini:


<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://panduansahabat.com” target=”_blank”><img src=”https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/situs atau bloggerplugins.png” alt=”Recommended Post Slide Out For situs atau blogger” /></a>


Sisipkan didalam Template


  • Masuk ke Template > Edit > centang expand template

  • Jika sudah, langsung cari kode <div class=’post-footer-line post-footer-line-1′> , atau jika tak ada bisa juga kode <p class=’post-footer-line post-footer-line-1′>. jika telah ditemukan salah satunya maka sekarang pastekan kode selanjutnya tepat di bawah kode tersebut :


<b:if cond=’data:situs atau blog.pageType == &quot;item&quot;’><div id=’bpslidein_place_holder’ style=’display:none’/></div></b:if>



  • Selesai, coba lihat : apakah Rekomendasi Slide – out situs atau blogger tampil?. untuk melihat laginya harus dalam halaman artikel bukan home.


B. Cara 2 bikin Rekomendasi Slide



  • Masuk Ke account situs atau blogger anda

  • Klik Tata letak (rancangan) > tambah gadget > Pilih HTML/Javascricpt | masukkan kode source di bawah ini:


<b:if cond=’data:situs atau 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://panduansahabat.com” target=”_blank”><img src=”https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/situs atau bloggerplugins.png” alt=”Recommended Post Slide Out For situs atau blogger” /></a></b:if>


Widget recommended post berstyle wordpress ini membuat tampil random post atau artikel terkait, tak ada salahnya kita mencari jalannya untuk mempercantik situs atau blog kita, oke sahabat situs atau blogger, Selamat mencari jalan.


nah itulah kawan bikin Rekomendasi Slide – out Artikel situs atau blogger yang dapat saya informasikan, semoga bermanfaat

Ditulis Oleh : Unknown Hari: 5:53 PM Kategori:

0 comments:

Post a Comment