Cara Membuat Sudut Blog Terlipat Seperti Menggulung

Assalamualaikum...!! Sobat blogger yang lagi menemukan post ini, selamat datang dan salam kompak aja. Kali ini saya akan membahas tentang "Cara Membuat Sudut Blog Terlipat Seperti Menggulung", mungkin sobat pernah menemukan blog seperti yang saya ceritakan. Jika sobat tertarik dan ingin membuat blog sobat seperti itu, berikut caranya...!!!






1. Sediakan Url Gambar untuk dijadikan background
2. Sediakan Url Gambar untuk dijadikan logo/icon
3. Cupy code javascript berikut berikut

var jaaspeel = new Object();

jaaspeel.ad_url = escape(tujuan);

jaaspeel.small_path = 'http://www.digie.co.id/peel/small.swf';

jaaspeel.small_image = escape('http://exlorer-amran91.googlecode.com/files/anak-indonezia.png');

jaaspeel.small_width = '100';

jaaspeel.small_height = '100';

jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.digie.co.id/peel/large.swf';

jaaspeel.big_image = escape('http://exlorer-amran91.googlecode.com/files/feelhtc.png');

jaaspeel.big_width = '650';

jaaspeel.big_height = '650';

jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){

document.getElementById('jcornerBig').style.top = '0px';

document.getElementById('jcornerSmall').style.top = '-1000px';

}

function sizedown987(){

document.getElementById("jcornerSmall").style.top = "0px";

document.getElementById("jcornerBig").style.top = "-1000px";

}

jaaspeel.putObjects = function () {

// <jcornerSmall>

document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');

// object

document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');

document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');

document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');

// object params

document.write(' <param name="allowScriptAccess" value="always"/> ');

document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');

document.write(' <param name="wmode" value="transparent" />');

document.write(' <param name="quality" value="high" /> ');

document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');

// embed

document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');

document.write('</object></div>');

document.write('</script>');

// </jcornerSmall>

// <jcornerBig>

document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');

// object

document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');

document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');

document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');

// object params

document.write(' <param name="allowScriptAccess" value="always"/> ');

document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');

document.write(' <param name="wmode" value="transparent"/>');

document.write(' <param name="quality" value="high" /> ');

document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');

// embed

document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');

document.write('</object></div>');

// </jcornerBig>

setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);

}

jaaspeel.putObjects();

4. Pastekan pada Notepad kemudian ganti url warna biru dengan url logo yang telah disediakan tadi dan ganti url yang berwarna hijau dengan url background yang telah di sediakan tadi
5. Simpan dengan Extensi *.js (namafile.js)
6. Upload file yang telah di tempat hosting atau di google code (Untuk Caranya klik disini) kalau belum punya akun bisa daftar disini
7. Setelah upload ambil urlya
contohnya saya upload di google code maka urlnya seperti ini : http://exlorer-amran91.googlecode.com/files/bergulung91.js

8. Copy lagi script berikut ini

<script type='text/javascript'>var tujuan ="ganti dengan url tujuan"</script>

<script src='ganti dengan url ' type='text/javascript'/>

9. Ganti yang text yang berwarna biru dengan url tujuan kemudian ganti text yang berwarna hijau dengan url file yang telah di upload tadi maka hasilnya kurang lebih akan seperti ini

<script type='text/javascript'>var tujuan ="https://www.facebook.com/selamat.datang.di.akun.Amran"</script>

<script src='http://exlorer-amran91.googlecode.com/files/bergulung91.js' type='text/javascript'/>

10. Sekarang buka akun bloggger sobat kemudian masu Rancangan ==> Edit HTML
dan pastekan pas di bawah kode <head> kemudian simpan.


Demikianlah Tutorial kali ini Semoga bermanfaat untuk Sobat...!!!

Baca selengkapnya »