Cara Membuat Sudut blog Terlipat Seperti Menggulung

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 ="http://nicko-part3.blogspot.com/"</script>
<script src='http://my-beground-picture.googlecode.com/files/background.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...!!!

sumber