Membuat Random Post Slide Jqwery di pojok bawah

Membuat random post sangat bermanfaat buat blog kita, artikel yang sudah lama terpendam bisa muncul kembali kepermukaan, namu seperti apakah tampilan Pop Up Random Post jqwery dari tutorial yang akan kita buat...??
anda bisa lihat pada pojok kiri bawah pada halaman blog ini, (turunkan halaman sampai poll ke bawah ) ada gambar serta judul artikel yang muncul tiba-tiba secara acak, nah itulah yang di magsud  Random Post Slide Jqwery di pojok bawah.

Note: sebaiknya sebelum di menambah kode ini, download dulu template anda untuk jaga-jaga kalo nanti templatenya error... ;-) 


cara memasang Random Post Slide Jqwery di pojok bawah ini cukup sederhana, yang perlu kita lakukan adalah :
1. Buka akun blogger > 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>Recommended for
you</p> <div id="bpslidein_image"></div> <div
id="bpslidein_title">Loading..</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://eclopedia.googlecode.com/files/recombb2.js",function(){},"bp-out-slide")},"jQueryjs")}
 </script> <a href="http://eclopedia.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOQbNpqAW1y2AbPk2UOhdawfLGJu0XGHn3rGb7fp11P-AC-nvuOQPruJztPmd9jaM8eWrrPgcxBTYwucdNKXlKU9po-kQ8yHw-Lk4XOv7wHG52oZ6cCgL5o2GIqzTiBBJn7bmDszayN0/I/bloggerplugins.png"
 alt="Artikel Rekomendasi Slide Out For Blogger" /></a></div>

2. dan langkah selanjutnya adalah masuk pada edit HTML, cari kode berikut ( usahakan semirip mungkin) :

<div class='post-footer-line post-footer-line-1'>

3. kemudian pastekan kode di bawah ini tepat di bawah kode di atas

 <b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

4. save dan selesai. kalo belum muncul coba masuk ke salah satu halaman posting ( artikel kita) kalo ndak mau muncul juga berarti ya emag nggak cocok..., hehehe

Note: sebaiknya sebelum di menambah kode ini, download dulu template anda untuk jaga-jaga kalo nanti templatenya error... ;-)

Semoga sukses.....

yups sampai disini juga, terimakasih buat kang Julak Sourie  yang telah berbagi trik ini di blog kesayangannya : http://blogbelajar2.blogspot.com
4.5

Posted by : Admin ~ / e-Clopedia

Artikel Membuat Random Post Slide Jqwery di pojok bawah ini Diposting oleh :Admin Kritik dan saran dapat disampaikan via kotak komentar.. atau pada menu Contact Us,
~ Terima kasih atas kunjungannya Semoga Bermanfaat.~