Cara Meng-Edit PagePeel

Minggu, 24 Juni 2012
Artikel saya sebelumnya tentang Cara Membuat Pojok Blog Menggulung dan janji saya untuk peng-Editan yang diperlukan, :w; biar tidak kelamaan saya berjanji nanti kelupaan, untuk itu mari kita bahas tuntas apa saja yang perlu kawan edit, dan kenapa tampilannya bukan di pojok :x; 
  • Pertama yang perlu kawan siapkan 2 Gambar / Image dengan ukuran kurang lebih  500x500px dan simpan di Hosting penyimpanan atau bisa dimana saja untuk kawan ambil nanti Link Gambar kawan tersebut 
berikut adalah contoh Gambar
Gambar - 1
Gambar - 2














  • Perhatikan URL / Link Js 
<script type='text/javascript'>var untuk =&#39;http://Nama Blog kawan.blogspot.com/&#39;</script>
<script src='https://sites.google.com/site/blogbegocreation/javascript/PagePeel.js' type='text/javascript'/>
  • Copas URL / Link js yang saya beri warna biru pada browse pencarian, untuk kawan simpan pada Notepad atau tempat lainnya dengan Nama yang sesuai 
  • Edit file js tersebut yang isinya sebagai berikut :

var jaaspeel = new Object();
jaaspeel.ad_url = escape(untuk);
jaaspeel.small_path = 'http://www.digie.co.id/peel/small.swf';
jaaspeel.small_image = escape('http://2.bp.blogspot.com/-w-jZCJUVjnE/T9XyKpA_lWI/AAAAAAAACyE/Fp_jdE-oqJs/s1600/bali-.gif');
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://2.bp.blogspot.com/-gxePv5s0nZ4/T9cdpUPK0VI/AAAAAAAACz4/QJULVgf6cb0/s1600/BBC.png');
jaaspeel.big_width = '550';
jaaspeel.big_height = '550';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;
function sizeup987(){
document.getElementById('jcornerBig').style.top = '150px';
document.getElementById('jcornerSmall').style.top = '-1000px';
}
function sizedown987(){
document.getElementById("jcornerSmall").style.top = "150px";
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:150px;">');
// 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:150px;">');
// 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();

  • Teks yang saya beri warna biru adalah Gambar - 1
  • Teks yang saya beri warna violet adalah Gambar - 2 
  • Sedangkan Teks yang saya beri warna merah adalah posisi atas [150px dari atas], kalau kawan menginginkan agar betul-betul di pojok atas ganti 150px; menjadi 0px; 
  • Selanjutnya jangan lupa menyimpan perubahan tersebut :r; 
  • Yang terakhir simpan file js tersebut pada Hosting kawan, dan jangan lupa diambil Linknya untuk mengganti Link yang saya beri warna biru diatas
Selamat Berkreasi, mudah-mudahan kawan dapat menangkap apa yang saya maksudkan, karena saya juga bingung cara menyampaikannya biar singkat dan lugas :y;

0 komentar:

Posting Komentar