Jumat, 20 April 2012

Cara Membuat PieceMaker Untuk Blogger

Pertemuam kali ini kita akan membuat Flash Action atau Piecemaker.Piecemaker  merupakan open source Flash ActionScript 3 gambar rotator.oke langsung aja dalam membuatnya...

DEMO

Cara pembuatan PieceMaker :
1) Login to blog
2) Copy script di bawah ini :

<piecemaker>
    <contents>
    <image source="URL IMAGE" title="Sky"/>    <image source="URL IMAGE" title="Cloud">
    </image>
    <image source="URL IMAGE" title="Clouds"/>
    <image source="URL IMAGE" title="Green"/>
    <image source="URL IMAGE" title="Landscape"/>
    <image source="URL IMAGE" title="Water"/>
    <video source="http://dl.dropbox.com/u/13256471/piecemaker_2/contents/video.mp4" title="Video Example" width="910" height="365" autoplay="true">
    <image source="URL IMAGE" />
    </image></video>
    <flash source="http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/contents/flash.swf" title="Loaded SWF File">
          <image source="URL IMAGE" />
        </image></flash>
    </image></image></image></image></image></contents>
    <settings imagewidth="900" imageheight="360" loadercolor="0x333333" innersidecolor="0x222222" sideshadowalpha="0.8" dropshadowalpha="0.7" dropshadowdistance="25" dropshadowscale="0.95" dropshadowblurx="40" dropshadowblury="4" menudistancex="20" menudistancey="50" menucolor1="0x999999" menucolor2="0x333333" menucolor3="0xFFFFFF" controlsize="100" controldistance="20" controlcolor1="0x222222" controlcolor2="0xFFFFFF" controlalpha="0.8" controlalphaover="0.95" controlsx="450" controlsy="280 " controlsalign="center" tooltipheight="30" tooltipcolor="0x222222" tooltiptexty="5" tooltiptextstyle="P-Italic" tooltiptextcolor="0xFFFFFF" tooltipmarginleft="5" tooltipmarginright="7" tooltiptextsharpness="50" tooltiptextthickness="-100" infowidth="400" infobackground="0xFFFFFF" infobackgroundalpha="0.95" infomargin="15" infosharpness="0" infothickness="0" autoplay="10" fieldofview="45"/>
    <transitions>
    <transition pieces="9" time="1.2" transition="easeInOutBack" delay="0.1" depthoffset="300" cubedistance="30"/>
    <transition pieces="15" time="3" transition="easeInOutElastic" delay="0.03" depthoffset="200" cubedistance="10"/>
    <transition pieces="5" time="1.3" transition="easeInOutCubic" delay="0.1" depthoffset="500" cubedistance="50"/>
    <transition pieces="9" time="1.25" transition="easeInOutBack" delay="0.1" depthoffset="900" cubedistance="5"/>
    <transition pieces="20" time="1.1" transition="easeInOutElastic" delay="0.03" depthoffset="200" cubedistance="10"/>
    <transition pieces="12" time="2" transition="easeInOutCubic" delay="0.03" depthoffset="200" cubedistance="10"/>
    </transition></transition></transition></transition></transition></transition></transitions>
    </settings></piecemaker>


<script src="http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/scripts/swfobject/swfobject.js" type="text/javascript">
</script>
<div id="flashcontent">
You need to <a href="http://www.adobe.com/products/flashplayer/" target="_blank">Upgrade your Flash Player</a> to version 10 or newer.</div>


<script type="text/javascript">
var flashvars = {};
flashvars.xmlSource = "http://dl.dropbox.com/u/27675057/piecemaker.xml";
flashvars.cssSource = "http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/piecemaker.css";
flashvars.imageSource = "";
var attributes = {};
attributes.wmode = "transparent";
var params = {};
params.allowscriptaccess = "always";
params.allownetworking = "all";
swfobject.embedSWF("http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/piecemaker.swf", "flashcontent", "960", "610", "10", "http://dl.dropbox.com/u/27675057/Piecemaker/expressInstall.swf", flashvars, attributes, params, null);
</script>
3) Tambah gadget dan pilih HTML/JavaScript
4) Paste kode tadi dan lihat hasilnya..

0 komentar:

Terimakasih telah berkunjung :D.Silahkan berkomentar dengan baik dan bijak :). No P*rno, No Spam, No Links, No SARA.

◄ Posting Baru Posting Lama ►
 

Copyright 2012 Ramdani: Cara Membuat PieceMaker Untuk Blogger Template by Bamz | Publish on Bamz Templates