Adding Falling Hearts in Bloggerထည့္ရေအာင္

အရင္တစ္ေခါက္ကတင္တဲ့ Adding Falling Starsအတိုင္း ေပါ့ပါးတဲ့ Falling Objectsေတြကို ထပ္တင္လိုက္ပါတယ္။ ႀကိဳက္တယ္ဆိုရင္ ထည့္လိုက္ေပါ့။

နမူနာပံုစံကို ဤ Blogမွာ ၾကည့္ႏိုင္ပါတယ္။

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


<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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.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/12-2008/uploaded/heart3.gif"/></span></marquee>



<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 Hearts</a>


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

Related Posts by Categories

Widget by Scrapur