Title: Membuat Page Peel Animasi Flash Di BloggerPosted by:
Published :2013-01-04T11:01:00+07:00
Membuat Page Peel Animasi Flash Di Blogger
Informasi Halaman :
Author : Apit Prayitno, Staf Administrasi di SMP Negeri 1 Rakit, Kabupaten Banjarnegara.
Judul Artikel : Membuat Page Peel Animasi Flash Di Blogger
URL : https://watubudug.blogspot.com/2013/01/membuat-page-peel-animasi-flash-di.html
Bila berniat mencopy-paste artikel ini, mohon sertakan link sumbernya. ...Selamat membaca.!
Author : Apit Prayitno, Staf Administrasi di SMP Negeri 1 Rakit, Kabupaten Banjarnegara.
Judul Artikel : Membuat Page Peel Animasi Flash Di Blogger
URL : https://watubudug.blogspot.com/2013/01/membuat-page-peel-animasi-flash-di.html
Bila berniat mencopy-paste artikel ini, mohon sertakan link sumbernya. ...Selamat membaca.!
Membuat Page Peel Animasi Flash Di Blogger
Beberapa blogger menggunakan widget sebagai media iklan mereka. Selain menarik ternyata penggunaan page peel bisa menjadi daya tarik pengunjung blog. Terletak di sudut kanan halaman blog menjadi ciri khas widget ini. Untuk Anda yang tertarik untuk membuatnya silahkan ikuti langkah-langkahnya berikut ini :
Sebelumnya silahkan Anda download file peel.zip (Alternative – Download), extract file tersebut sehingga muncul file folder "peel" yang berisi beberapa file yaitu :
- large.swf
- large.jpg
- small.swf
- small.jpg
- peel.js
Langkah membuat page peel di Blogspot
1. Masuk ke blogger
2. Pilih Template
3. Pilih Edit HTML
4. Centang kotak kecil dekat expand template widget
5. Cari kode ini <head> dan letakkan kode dibawah ini ( peel.js ) sesudah kode <head>
var jaaspeel = new Object();Catatan : silahkan ganti tulisan yang berwarna merah dengan alamat url file yang telah anda hosting / simpan sebelumnya di media penyimpanan online. 6. Simpan dan lihat hasilnya
jaaspeel.ad_url = escape('http://www.domain.com');
jaaspeel.small_path = 'http://www.domain.com/peel/small.swf';
jaaspeel.small_image = escape('http://www.domain.com/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = 'http://www.domain.com/peel/large.swf';
jaaspeel.big_image = escape('http://www.domain.com/peel/large.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();
Bila Anda masih bingung cara membuatnya silahkan berkomentar.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di www.watubudug.blogspot.com
 |
0 comments:
Post a Comment