Hiệu ứng bong bóng đẹp cho Blogspot

Hiệu ứng bong bóng đẹp cho Blogspot

iwin
Tin vui hiện nay iWin Online đã ra mắt phiên bản iWin đổi thưởng thẻ cào điện thoại. Tai iWin mới nhất để đổi ngay tiền thật: van-ban Tải iWin về máy (click tải iWin).

Hiệu ứng bong bóng đẹp cho chuột trên Blogspot - Hôm nay thuthuat12h.blogspot.com sẽ giới thiệu với các bạn 1 hiệu ứng blogspot đẹp đó là thêm vài cái bong bóng để blog của bạn thêm phần bắt mắt và thân thiện với người dùng hơn

Các bước bạn cần làm cực kỳ đơn giản thôi:
  1. Đăng nhập vào Blogger của bạn
  2. chọn thẻ Bố cục
  3. Thêm 1 tiện ích ở bất kỳ chỗ nào cũng được nhé
  4. Nhớ chọn tiện ích Html/Javascript và dán đoạn code hiệu ứng đẹp ở dưới vào!


<noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js" type="text/javascript"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

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;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

// ]]>

</script>

Bạn có thể thay  # F781BE  thành các mã màu khác bạn thấy đẹp
Cuối cùng là lưu lại và vào Blog của bạn kiểm tra sự thay đổi nhé!
Các bạn copy bài nhớ ghi rõ nguồn bài viết nhé, thanks!
Chia sẻ bài viết
Tai Game iOnline
iOnline là game đánh bài theo phong cách dân gian. Chơi iOnline, vui như TẾT: Bầu Cua, Xì Tố, TLMN, TLMBắc... Tải iOnline và cài đặt theo loại máy. JAVA: iOnline.jar hoặc iOnline.jad. ANDROID: iOnline.apk. iPHONE, iOS: iOnline.ipa
XEM CÁCH CÀI ĐẶT GAME TRÊN ANDROID
Hiệu ứng bong bóng đẹp cho Blogspot Hiệu ứng bong bóng đẹp cho Blogspot
910

Bài viết Hiệu ứng bong bóng đẹp cho Blogspot

Nhận mở khóa Facebook các loại giá rẻ uy tín cho học sinh sinh viên. Đến với chúng tôi để được sự hỗ trợ tối đa cho các bạn. Theo dõi và inbox: --> ADMIN
tai iwin online
Bigkool đang là một xu thế đánh bài hot nhất trong giới trẻ, bất cứ ai yêu quý game đánh bài đều không thể bỏ qua tải bigkool. Được đánh giá là game cài đặt nhẹ nhất, dễ chơi nhất cho người mới. Bigkool có gì HOT?
Wap hay đánh bài iWin tai ionline mien phi tai game ionline tai iwin ve may tai iwin tai iwin ve dien thoai anh bia zalo tai iwin online tai iwin mien phi tai iwin moi nhat dich vu seo tai game hay hack pvtk online tai iwin moi nhat download game hay aday roi Tai game bigkool online
Email: [email protected]
AD: Hà Tuấn Kiệt