DEMO
Cara pembuatan PieceMaker :
1) Login to blog
2) Copy script di bawah ini :
<piecemaker>3) Tambah gadget dan pilih HTML/JavaScript
<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>
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.