Cara membuat balon terbang di blog

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan URL dan JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/

files/balon%20terbang.js"></script>
<script type='text/javascript'>
//<![CDATA[

/***********************************************
* Balon Terbang By Virtual_Max (http://www.geocities.com/

siliconvalley/lakes/8620)
***********************************************/

var flyimage1, flyimage2, flyimage3

function pagestart(){
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

//]]>
</script>

 Langkah kedua > Penempatan kode HTML
dibawah <body>
........
diatas </body>

<div id="flyimage1" style="position:absolute; left: -500px; width:47; 

height:68;">
<a href="/"><img src="http://2.bp.blogspot.com/-PyI98yBTIRU/TVR8Q6KE6jI/

AAAAAAAACYw/mnycK7bSsXc/s320/ballon%2Bungu-Nano%2BYulianto.gif" border="0" />

</a>
</div>

<div id="flyimage2" style="position:absolute; left: -500px; width:47; 

height:68;">
<a href="/"><img src="http://1.bp.blogspot.com/_NUTOdYaT1os/TVR8Qoxg_bI/

AAAAAAAACYo/BpZ_2HuBxVs/s320/ballon%2Bmerah-Nano%2BYulianto.gif" border="0" />

</a>
</div>

<div id="flyimage3" style="position:absolute; left: -500px; width:47; 

height:68;">
<a href="/"><img src="http://1.bp.blogspot.com/_NUTOdYaT1os/TVR8QhdUO_I/

AAAAAAAACYg/2lcbpW9fNBA/s320/ballon%2Bkuning--Nano%2BYulianto.gif" border="0" />

</a>
</div>

Artikel Terkait