howto.php

<?php  
/* 
ER Swiffy Insert tutorial
*/  
?>
<div class="wrap">
<h1>ER Swiffy Insert tutorial</h1>
<br />
<h2>Overview</h2>
<strong>ER Swiffy Insert</strong> WordPress plugin allows you to insert HTML5 animations generated with <a href="https://www.google.com/doubleclick/studio/swiffy/" target="_blank">Google Swiffy</a>.
<br />
Google Swiffy allows you to convert a Flash SWF file into an HTML5 file to use on mobile devices without Flash support.
<br /><br />
<h2>Insert the Swiffy code</h2>
<br />
<ol>
	<li>In your page/post editing panel, go to Custom Fields area (enable it in the Screen Options menu).</li>
	<li>Create a new Custom Field called <strong>swiffy_1</strong></li>
	<li>Paste the long swiffy code in the <em>Value</em> field. For Example:
		<br />
		<blockquote><textarea rows="4" cols="40">{"tags":[{"bounds":[{"ymin":2076,"ymax":2400,"xmin":-2124,"xmax":12683}],"id":1,"fillstyles":[{"color":[-16737997],"type":1}],"paths":[{"fill":0,"data":["Mhvhvz:T00x019f00C019F00c"]},{"data":["Mh:00U00u759n"],"line":0}],"linestyles":[{"color":[-16777216],"width":[48]}],"type":1},{"id":1,"matrix":0,"type":3,"depth":2},{"bounds":[{"ymin":-10,"ymax":5219,"xmin":-10,"xmax":5220}],"id":2,"fillstyles":[{"color":[-200348],"type":1},{"color":[-15649889],"type":1}],"paths":[{"fill":0,"data":["Mqqqqqhqqqqqqqqqqqlqqlqqqlqqzmqqqqqz:446d62g0U0U44D62C3l58c82e16j95F38E04L04c78B91J01N29J36f19D45f91FS26J:67Q91f7n4x49j0d50I18f51C25q28H26C95K18g0H56F2Z32L9G15c9G62f:12f6x23k2j0j2i45D69d11k03m42j32C98d30c13h8o7c24c6e4wo19eT57i45E19d6v30k01DaB4k6M7t81B4u38G03C17H86f12G8n62P56d19d0H05C5W80E5Q08C44D77E703B494c79d54G3M80Q85j92b46q91F7w35j94j78m72F07f95I46n97G15D12Q53C"]},{"fill":1,"data":["Mqlqqqzmqqqlqzmlqqqqqzmqqqqqlzmqqqqqzmqqqqqz:210e04z:60C5H85F56D19D38e50i8N62p17e9g03c17h86c08F86c75M64G42r0i0I0q4R11G27f30K01d38D25e57I45e6ga79j:41r63G69Y66f4iy62F15C30C13H34H9f03M42Jj45e2I45d7r89c17e19g92d91d14k66f14K350D17E18e84F80k2r76e2z32l67c44J95k18G99E07K51c25Q02I4t49J0D5G1g239c62C08F95C78M00DI72b45F91f23k2F01n29j09e42H04l04C59D58F82E16J92W76t12f26j3m80q15i2F12q53c23c39H95i46N57H43C94J78M61F83i46Q91f"]},{"data":["Mqqqqqqllqqllqlqqqqqlqhqzqqqqmqqlmlqqmqqqqmqqqqqzmqqq:002d00d4w2o44d62c9z9z44d77e5o75b5w80e5h25c5h85f:67g86C75m3I5n7T81brFSh0H4i0Q4r62G63g41R63g6GA4WO6PS24C6E4IY22F5Q14K66F30C30C17E19G6X11E6X23K:47C9g62F7p62F84f80K5g1G41g91F67q91Fs70ge78m00d3l58c82e16j95F38E04L04c78B91J01N29J36f19D45f91F00v979c4u38G03C17H86f12G8n62P56d19d08E41wAb11G27f30K01d38D25e57I45e91P517D7n4x49j0d50I18f51C25q28H26C95K18g0H56F2Z32L31o34e12f26j3m80q15i2F12q53c23c39H95i46N57H43C94J78M61F83i46Q91f64M51l2j0j2i45D69d11k03m42j32C98d30c13h"],"line":0}],"linestyles":[{"color":[-16777216],"width":[20]}],"type":1},{"tags":[{"id":2,"matrix":0,"type":3,"depth":1},{"type":2}],"id":3,"frameCount":1,"type":7},{"id":3,"matrix":"8303D::8303D20N89f","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"9193D412e412E9193D78I09e","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1770E321j321J1770E88D16d","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"5768E165n165N5768Ep23d","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0774F546p546P0774F02e27e","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"6216F217q217Q6216F38i16g","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1642G095p095P1642G01m77i","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"6394G346m346M6394G73o75l","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0078H199i199I0078H46q86o","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"2260H103d103D2260H23r75r","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"2711H60M60m2711H16r10u","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1375H738F738f1375H41q72v","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8404G421K421k8404G29p40w","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"4153G896N896n4153G14o08w","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8975F875P875p8975F23n82u","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"3498F105Q105q3498F88m71s","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8176E558O558o8176E31n99p","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"3614E405L405l3614E67o93m","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0283E971G971g0283E03r85j","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8527D714B714b8527D33u06h","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8527D713b713B8527D42y90e","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0283E970g970G0283E013c51d","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"3614E404l404L3614E514c07d","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8175E558o558O8175E013d63d","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"3497F105q105Q3497F479d14f","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8974F875p875P8974F878d40h","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"4103G925n925N4103G198e21k","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8403G421k421K8403G422e32n","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1375H739f739F1375H546e36q","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"2711H61m61M2711H578e02t","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"2260H103D103d2260H536e01v","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0078H199I199i0078H439e18w","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"6395G345M345m6395G320e37w","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1643G095P095p1643G214e57v","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"6217F217Q217q6217F145e86t","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"0775F547P547p0775F149e41r","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"5768E165N165n5768E237e49o","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"1770E322J322j1770E423e37l","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"9193D412E412e9193D706e39i","type":3,"depth":3},{"type":2},{"replace":true,"matrix":"8303D::8303D080f89f","type":3,"depth":3},{"type":2}],"v":"5.0.0","backgroundColor":-1,"frameSize":{"ymin":0,"ymax":2400,"xmin":0,"xmax":6000},"frameCount":40,"frameRate":24,"code":"","version":10};</textarea></blockquote>
	</li>
	<li>To add a second animation add another custom field called <strong>swiffy_2</strong> and so on.</li>
</ol>
<h2>Shortcode usage</h2>
<strong><blockquote>[swiffy n="1" w="640" h="480" v="5.0"]</blockquote></strong>
<br />
<strong>n</strong> = animation number. (1 by default)
<br />
<strong>w</strong> = width in pixels.
<br />
<strong>h</strong> = height in pixels.
<br />
<strong>v</strong> = gstatic runtime script version. (5.0 by default)
<br /><br /><br />
<strong><a href ="http://itekblog.com/wordpress-plugins/" target="_blank">More plugins developed by - ER -</a></strong>
</div>