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

Blogging

• Related Posts Widget with Photo Thumbnails
• Blogger မ်ားသိေစရန္
• Transperant Calendar ထည့္လိုပါက
• မိမိ Blog၏ Blockquoteကို ေျပာင္းလိုက
• Stars rating ကို Blog Postတင္တိုင္း ေပၚေစလိုက
• Email Me Formထည့္သင့္ေၾကာင္း
• Flash Animated Labels Tag Cloudထည့္ရေအာင္
• Adding Falling Hearts in Bloggerထည့္ရေအာင္
• Blog Pageတြင္ အေပၚတက္ရန္ (သို႔) Back toTop Botton ထည့္လိုပါက
• သင္၏ Blog URLအား Search Engineထဲသို႔ တင္ပို႔လိုပါသလား
• Scroll Bar/ Boxျဖင့္ Bloggerတြင္ Postတင္မယ္
• Blog Postမ်ားအား Right-clickလုပ္ၿပီး ကူးယူ၍ မရေအာင္ ကန္႔သတ္လိုပါက
• Alert Message and Dialog Box အား Bloggerဖြင့္တိုင္း ေပၚေစလိုက
• Newer Posts - Home - Older Posts၌ Animated ပံုထည့္စို႔
• Favicon ဆိုတာဘာလဲ? ဒါကို Blogထဲမွာ ဘယ္လိုထည့္မွာလဲ?
• Blog Postတြင္ Embeddable Code ထည့္စို႔
• Blog Postတြင္ Smiley Icon ထည့္ရေအာင္
• Post Titleေရွ ့၌ Animated Image/ Logoထည့္မယ္
• Linkေတြကို Drop Down Menu Listျဖင့္ ေဖာ္ျပမယ္
• Recent Posts With Thumbnail Widget ထည့္မယ္
• Recent Posts Widgetထည့္မယ္
• Related Posts or Related Articles ထည့္မယ္
• Post ေတြကို PDFနဲ႔ Saveလို႔ရတဲ့ Buttonေလးထည့္မယ္
• ဓါတ္ပံုေတြကို Tableေဆာက္၍ တင္မယ္

Widget by Scrapur