Adding Falling Star For Blogger

လာျပန္ၿပီ Blogging. ေတာင္းဆိုခ်က္ေတြမ်ားတယ္။ အရင္တစ္ေခါက္ကတင္တဲ့ Snow Effectsက Blog Pageကို ေလးေစတယ္တဲ့။ ဒါ့ေၾကာင့္ ဒီထက္ သြက္လပ္ၿပီး ေပါ့ပါးတဲ့ Falling Objectsေတြ ထပ္လိုခ်င္တယ္တဲ့။ ဒါေၾကာင့္ ဒီ Postကို ထပ္တင္လိုက္ပါတယ္။

Animated ၾကည္ေလးေတြ Blog Pageေပၚမွာ ဖြင့္လိုက္တိုင္း အလိုလိုနဲ႔ က်လာေအာင္ ထည့္လိုက္ၾကစို႔။ ပံုစံကို ဤ Blogမွာ ၾကည့္ႏိုင္ပါတယ္။

၁။ Blogger Sign In> Layout > Page Elements > Add a gadget >HTML/JavaScriptေခၚပါ။
၂။ ေအာက္ပါ Codeကို ကူးယူ၍ Pasteလုပ္ပါ။


<a style="color: #000080; font-family: tahoma; font-size: 11px; text-decoration: none; border: 1px double #00ADEF; padding: 1px; background: #FFF" target="_blank" href="http://www.allblogtools.com/">Get Blogger Falling Objects</a>

<div align="center">

<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;" scrollamount="5"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>

</div>






၃။ Save လုပ္ပါ။ ထို Gedgetကို Sidebarေအာက္ေျခတြင္ထားပါ။
၄။ Save ထပ္လုပ္ပါ။

Related Posts by Categories

Widget by Scrapur