[HAIPHONG TP TOI YEU]

 

CÁC HIỆU ỨNG ĐẸP "TRANG HOÀNG" 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 xuống với nhiều màu chớp tắt:
<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>

* Hiệu ứng chim bay theo con 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>

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

Bạn cũng có thể góp nhiều hiệu ứng lại với nhau để tạo cho mình một Blog thật đẹp

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...