cara lengkap membuat sudut blog tergulung

Kali ini saya share tentang bagaimana cara membuat sudut blog terlipat/tergulung...
teman-teman pasti penasaran seperti shi sudut kanan blog terlipat seperti putri malu ketika di sentu! hahahaha
kalaw penasaran lihat saja seperti yang saya pakai sekarang ini!!!


Jika tertarik ikuti saja langka-langka berikut:
  1.     Sediakan Url Gambar untuk dijadikan background
  2.     Sediakan Url Gambar untuk dijadikan logo/icon
  3.     Copy 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('https://lh5.googleusercontent.com/-mdYhlZpkCtA/UPjcnDwQ__I/AAAAAAAAAoc/3Y_Nuqnmb4k/s162/logo.jpg');
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('https://lh6.googleusercontent.com/-pwv75a1MWH8/UPjcb3H-TCI/AAAAAAAAAoU/xpDQrk1f06k/s507/cz.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();

  1. 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
  2. Simpan dengan Extensi *.js (namafile.js)
  3. Upload file yang telah di tempat hosting atau di google code kalau belum punya akun bisa daftar disini  dan klik di sini untuk toturialnya
  4. Setelah upload ambil URL
Jika di atas sudah selesai langsung aja menuju ke tahap yang selanjutnya: 
  1. Login ke blogger dengan ID anda.l
  2. Klik Tata Letak.
  3. Klik Edit HTML.
  4. Klik Expand widget template.
  5. Cari kode <head>
  6. Kalau sudah ketemu copy kode dibawah ini tepat dibawah kode <head>

 <SCRIPT type='text/javascript'>var tujuan ='http://anrhy.blogspot.com/'</SCRIPT><SCRIPT src='http://anrhy-chipaz.googlecode.com/files/b%3Bog.js' type='text/javascript'></SCRIPT>

Ket:
  1. ganti kode yang berwarna merah dengan url tujuan anda ketika di klik
  2. ganti yang berwarna biru dengan kode js anda
Selamat mencoba!!! 
Previous
Next Post »

2 komentar

Click here for komentar
February 10, 2016 at 1:16 PM ×

mantap banget gan
terima kasih untuk berbagi info gan
semoga terus berkaya ya gan dan update terus....
thumbs up 4

Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by