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 :
t
2. dan langkah selanjutnya adalah masuk pada edit HTML, cari kode berikut ( usahakan semirip mungkin) :
Note: sebaiknya sebelum di menambah kode ini, download dulu template anda untuk jaga-jaga kalo nanti templatenya error... ;-)
Semoga sukses.....
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>silahkan ganti : http://eclopedia.blogspot.com dengan blog anda
<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://julak-project.googlecode.com/files/recbb2.js",function(){},"bp-out-slide")},"jQueryjs")}
</script> <a href="http://eclopedia.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf68dlZn7IllRkUdtPlCcSWA0NtmISIWVcmSvYM8ExPLzQcjoOHTT-fFVyOHOwcb4PmSCfRRLjcJwQCyChFFbwmUzORbCJdWWRhBA91f72OSJFkkKGyfGmGubyPYnUXmHaUnr06_zG5EE/I/bloggerplugins.png"
alt="Artikel Rekomendasi Slide Out For Blogger" /></a></div>
t
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"'>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
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Note: sebaiknya sebelum di menambah kode ini, download dulu template anda untuk jaga-jaga kalo nanti templatenya error... ;-)
Semoga sukses.....
{ 0 comments... read them below or add one }
Post a Comment