Chủ Nhật, 23 tháng 12, 2012

Hiệu Ứng Đẹp Cho Blog

Để tạo cho Blog một bộ cánh đẹp, bạn cần "trang hoàng" thêm 
các hiệu ứng cho nó. Dưới đây là các hiệu ứng đẹp, nếu thích 
hiệu ứng nào thì bạn chỉ cần đăng nhập vào Blog, chọn Thiết kế 
> chọn Thêm tiện ích > chọn HTML/Javacript rồi dán code 
tương ứng của mỗi hiệu ứng mà bạn chọn vào ô lớn và lưu lại 
là xong.
* Hiệu ứng sao vàng rơi:

<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh5.ggpht.com/_u4rBCfM4eII/TQ2xXtnV8eI/AAAAAAAAA3k/a0OD9AistX4/bloggertricksandtoolz.com.gif"/></span></marquee>

*Hiệu ứng sao rơi nhiều màu:
<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://lh6.ggpht.com/_u4rBCfM4eII/TQ2svOoI7VI/AAAAAAAAA3Y/MSRwlVYPayA/bloggertricksandtoolz.com-ColoredStars.gif"/></span></marquee>


*Hiệu ứng lá rơi:<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/falling_leaveseffectbywww.bloggertricksandtoolz.com.js"> </script>*Hiệu ứng tuyết rơi:<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectbywww.bloggertricksandtoolz.com.js"> </script>*Chim bay theo trỏ chuột:
<script type='text/javascript'> // <![CDATA[ var colour="black"; var sparkles=100; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="3px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="3px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

*Bông tuyết rơi:<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/FallingSnowEffectbywww.bloggertricksandtoolz.com-falling_snowflakes.js"> </script>

Không có nhận xét nào:

Đăng nhận xét