Cara mudah membuat efek lipatan kertas pada blog 100% Work | Kak Sukirman

Hay sahabat Setia, Edisi Kak sukirman kali ini adalah tentang trik Blogging yaitu membuat efek lipatan kertas pada blog, dan disini akan saya kupas tuntas hinnga pembaca mampu mempraktekan dengan mudah.
Efek ini menggunakan javasript tapi tidak usah bingung akan Kak sukirman jelaskan dengan begitu detail dan rinci, langsung saja kita ke TKP. oh ya baca juga kumpulan efek-efek cantik untuk blog kalian

Note : baca sampai selesai, praktekan.
sekarang terlebih dahulu kita akan membuat java script yang nantinya akan kita upload terlebih dahulu,
- Pertama kalian login blog kalian,

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLwtDOrfpWWLUh9JtTsC6tz2kYE5ZGj_fX3N0z2zu6WAu4s960EIGQbY31s3Goh6FMhpGPNj6uIcH7epPftUwyN__T1IPi7gElQEqTEMfc5q-px2hZHvCZo3KfAu-8Lu6nRzTCFqB178/s1600/331px-HL2_series_favicon.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0SEpnq2c-NTIjVSGil4EgzimEhtAfg0K8J6Hv1AqBEl8XKL6Qyr6AgZt_VIzdNKNz5u8YMMwWCjE0E0Wcb26GXiY3G2timYDggrBL2y5DPqFz8cXFaIiw4NOTh2NlWswjZTz6FOPAio/s1600/favicon.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();

Note :
- Kopas semua kode diatas taruh di Notepad (namun sebelum disimpan ganti dulu url gambar dengan gambar yang kalian inginkan) dan simpan dengan file extensi (.js)
- Url yang berwarna  biru itu untuk gambar dengan ukuran yang lebih besar (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLwtDOrfpWWLUh9JtTsC6tz2kYE5ZGj_fX3N0z2zu6WAu4s960EIGQbY31s3Goh6FMhpGPNj6uIcH7epPftUwyN__T1IPi7gElQEqTEMfc5q-px2hZHvCZo3KfAu-8Lu6nRzTCFqB178/s1600/331px-HL2_series_favicon.png)
- Url dengan warna ungu  itu unutk gambar dengan ukuran yng warna kecil ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0SEpnq2c-NTIjVSGil4EgzimEhtAfg0K8J6Hv1AqBEl8XKL6Qyr6AgZt_VIzdNKNz5u8YMMwWCjE0E0Wcb26GXiY3G2timYDggrBL2y5DPqFz8cXFaIiw4NOTh2NlWswjZTz6FOPAio/s1600/favicon.png')

- selanjutnya kalian buka tab baru dan masukan alamat ini, atau kalian klik alamat ini https://code.google.com/ 
- Setelah itu , Creat New Project.
- Samakan saja dengan gambar dibawah ini. Create Project

-  Dan akan muncel seperti gambar dibawa ini, dan pilih source lalu pilih browser

- Dan akan muncul gambar seperti dibawah ini, lalu pilih telusuri dan masukan kode tadi yang telah kamu buat,

- dan akan muncul gambar seperti ni,

- Klik kanan dibagian yang saya lingkari dan salin lokasi tautan, dan setelah itu paste kode tersebut diwarna hijau yang ada bawah ini,

Kalian login, dan pilih menu template, EDIT TEMPLATE.

<script type='text/javascript'>var tujuan =&#39;http://kaksukirman.blogspot.com/feeds/posts/default&#39;</script>
<script src='https://kaksukirman.googlecode.com/svn/branches/sukirman.js' type='text/javascript'/>

- kalian cari kode <head>, agar lebih cepat gunakan CTRL+F
- letakkan kode diatas, diatas <head>

Keterangan :
- Warna Merah adalah RSS Feeds, atau URL Feeds kalian
- Warna Hijau adalah Url Java sript yang nantinya akan membuat effect lipatan,

dan simpan template, chek maka akan ada lipatan.

Demikian turorialnya dan semoga bermanfaat,,,,,jangan lupa tinggalkan koment

Posted by Unknown

Tweet