MEMBUAT GAMBAR MENGGULUNG DI POJOKAN

 Kalau mau makai ini script gue
<SCRIPT type='text/javascript'>var tujuan ='http://pakdhegirang.blogspot.com/'</SCRIPT>
<SCRIPT src='http://gangnamproject.googlecode.com/files/girang2.js' type='text/javascript'></SCRIPT>
 

1. Kita buat file java scriptnya dulu Open notepad
2. Ketikan

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://2.bp.blogspot.com/-xT-k1nwViy4/UMMei1MnjKI/AAAAAAAAALw/1amjgoEIbGw/s1600/feelnew.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://1.bp.blogspot.com/-mAosu61HXQw/UMMeVd4sBPI/AAAAAAAAALo/FN2ehveoiPs/s1600/feelhtc.jpg');
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();

3. Ganti dengan url gambar "http://2.bp.blogspot.com/-xT-k1nwViy4/UMMei1MnjKI/AAAAAAAAALw/1amjgoEIbGw/s1600/feelnew.png" dengan gambar kecil (SEBELUM DIHOVER)




Ganti dengan url gambar http://1.bp.blogspot.com/-mAosu61HXQw/UMMeVd4sBPI/AAAAAAAAALo/FN2ehveoiPs/s1600/feelhtc.jpg  dengan gambar yang besar (untuk efek setelah di hover)




GAMBAR SUKA-SUKA Tapi lebih baik download gambar ini terus edit edit lalu upload dan ambil urlnya


jika sudah save as dengan

File name : namakamu.js
Save as type : all files

save


UPLOAD JS KAMU KE GOOGLECODE
http://code.google.com


jika sudah diupload cara memunculkannya adlah
pergi ke dasbor-Template-Edit Html

cari kode </head> (gunakan f3 atau ctrl f untuk mempermudah)
pastekan script ini diatasnya
Ganti warna kuning dengan blog kamu
ganti warnah merah dengan javascriptmu

<SCRIPT type='text/javascript'>var tujuan ='http://pakdhegirang.blogspot.com/'</SCRIPT>
<SCRIPT src='http://gangnamproject.googlecode.com/files/girang2.js' type='text/javascript'></SCRIPT>


contoh
<SCRIPT type='text/javascript'>var tujuan ='http://pakdhegirang.blogspot.com/'</SCRIPT> <SCRIPT src='http://gangnamproject.googlecode.com/files/girang2.js' type='text/javascript'></SCRIPT> </head>


klik simpan
selesai