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 để chơi game bài đổi ngay tiền thật: van-ban Tải iWin về máy.

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

[Hướng dẫn cài đặt Game]
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

tai game bigkool
Vì sao game đánh bài BigKool HOT nhất 2017
BigKool đang là một xu thế game danh bai hay nhat 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 game BigKool. Được đánh giá là game cài đặt nhẹ nhất, có thể chơi không cần mạng. Click xem GAME BIGKOOL 2017
tai bigkool, tai game danh bai, dich vu seo, hack pvtk online, tai game bigkool online, tai iwin, tai ionline 2017
Google + Facebook