Bõm.vn: HIỆU ỨNG CHUỘT

GẮN "QUỐC KỲ" CHO CON TRỎ CHUỘT

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtem3kUclT_Jyv1P4T0LX37nEfLmmiTK7aPp_cFUOVOgA3wr2zFQCHFSGryeCCvVUDNdCPZdlSegximwnDZMw8YO3kSbMbmfyaTQ7RXY-F_PwESynP5dwnImBVBOpI0O-l-9IwLuHEdY/s1600/picture2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtem3kUclT_Jyv1P4T0LX37nEfLmmiTK7aPp_cFUOVOgA3wr2zFQCHFSGryeCCvVUDNdCPZdlSegximwnDZMw8YO3kSbMbmfyaTQ7RXY-F_PwESynP5dwnImBVBOpI0O-l-9IwLuHEdY/s1600/picture2.jpg" /></a></div><div style="text-align: justify;">Theo lời yêu cầu của một số bạn, hôm nay dunghennessy chia sẻ đến với các bạn một thủ thuật khá đẹp mắt đó là: GẮN "QUỐC KỲ" CHO CON TRỎ CHUỘT.</div><div style="text-align: justify;">Với thủ thuật này, con trỏ chuột trên Blog của bạn sẽ được gắn một lá Quốc Kỳ bay "phấp phới" trông rất sinh động và khi con trỏ chuột này đi đến đâu thì Quốc Kỳ sẽ theo đến đó trông rất đẹp mắt.</div><div style="text-align: justify;">Bạn có thể thấy trước thủ thuật này trên trang dunghennessy.blogspot.com</div><a name="more"></a>Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (bạn có thể xem cách thêm tiện ích HTML/Javacript <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>) và dán tất cả các code phía dưới vào <div style="text-align: justify;"></div><div style="text-align: justify;">  </div><div style="text-align: justify;"></div><div style="border: 10px solid orange; color: white; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><script type="text/javascript"> var trailimage=["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmyFti-eZPrzNQbFVjSuTEvFCtpRdYtjewFTd51LJGiC9YeMhiDT1LIK-vfHjHG1fA7uCaEa7CUTJo3ysRulSGn9086QgK7WnNqf7j6ugXsFtQgD92ldYwcICjXFdDOyzll4NQAo890O4/s1600/Vietnam-240-animated-flag-gifs.gif", 100, 60] var offsetfrommouse=[-5,20] var displayduration=0 if (document.getElementById || document.all) document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>') function gettrailobj(){ if (document.getElementById) return document.getElementById("trailimageid").style else if (document.all) return document.all.trailimagid.style } function truebody(){ return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function hidetrail(){ gettrailobj().visibility="hidden" document.onmousemove="" } function followmouse(e){ var xcoord=offsetfrommouse[0] var ycoord=offsetfrommouse[1] if (typeof e != "undefined"){ xcoord+=e.pageX ycoord+=e.pageY } else if (typeof window.event !="undefined"){ xcoord+=truebody().scrollLeft+event.clientX ycoord+=truebody().scrollTop+event.clientY } var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight) gettrailobj().display="none" else gettrailobj().display="" gettrailobj().left=xcoord+"px" gettrailobj().top=ycoord+"px" } document.onmousemove=followmouse if (displayduration>0) setTimeout("hidetrail()", displayduration*1000) </script></div> <div style="text-align: justify;">Nếu không thích Quốc Kỳ thì các bạn có thể thay đổi hình ảnh khác ở dòng lệnh màu đỏ (đây là link ảnh của Quốc Kỳ), các số màu xanh là chiều rộng và chiều dài của ảnh, các số màu vàng là khoảng cách trên dưới trái phải của ảnh đối với con chuột, các bạn có thể thay đổi lại cho phù hợp với Blog của mình, sau cùng bấm Lưu và trở lại Blog xem kết quả nha.</div><div style="text-align: justify;">Chúc các bạn vui....</div><div style="text-align: justify;">  </div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

GẮN "QUỐC KỲ" CHO CON TRỎ CHUỘT

Theo l ờ i y êu c ầu c ủ a m ột s ố b ạn, h ôm nay dunghennessy chia s ẻ đ ến v ới c ác b ạn m ột th ủ thu ật kh á đ ẹp m ắt đ ó l à: G ẮN ...

Đọc thêm »

3 MÀU XOAY QUANH CON TRỎ CHUỘT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNxXYAofZJB_R588ULu7Be_q6BpRdcOdgzm0havcUodDJsi3jwKgoxZWHJ_Y68CJj0GIS1S4unNWKCfnsGnGPXUXTjUX5iOR2wJC6GpF75uSQEjyfH37Vi96mId3qFNMRgVTJYR3ptU0/s1600/1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWNxXYAofZJB_R588ULu7Be_q6BpRdcOdgzm0havcUodDJsi3jwKgoxZWHJ_Y68CJj0GIS1S4unNWKCfnsGnGPXUXTjUX5iOR2wJC6GpF75uSQEjyfH37Vi96mId3qFNMRgVTJYR3ptU0/s320/1.PNG" width="320" /></a></div> Với đoạn code dưới đây, con trỏ chuột của bạn được "tô điểm" xung quanh "nó" 3 màu sắc khác nhau, 3 màu sắc này sẽ xoay quanh con trỏ chuột với hiệu ứng hình xoắn ốc khá đẹp. Bạn có thể xem thử con trỏ chuột của dunghennessy nha. <div style="color: cyan;">Thủ thuật này chỉ áp dụng cho các Blog sử dụng giao diện V2 (giao diện được tải trên mạng về), không áp dụng cho giao diện mặc định của Blogspot...</div> <a name="more"></a></div> <div style="text-align: justify;">Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> </div><script type="text/javascript"> if  ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ //Configure here... var xCol = "#ff0000"; var yCol = "#ffffff"; var zCol = "#0000ff"; var n = 6;   //number of dots per trail. var t = 40;  //setTimeout speed. var s = 0.2; //effect speed. //End. var r,h,w; var d = document; var my = 10; var mx = 10; var stp = 0; var evn = 360/3; var vx = new Array(); var vy = new Array(); var vz = new Array(); var dy = new Array(); var dx = new Array(); var pix = "px"; var strictmod = ((document.compatMode) && document.compatMode.indexOf("CSS") != -1); var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; for (i = 0; i < n; i++){ var dims = (i+1)/2; d.write('<div id="x'+(idx+i)+'" style="position:absolute;' +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>' +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+yCol+';font-size:'+dims+'px"><\/div>' +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+zCol+';font-size:'+dims+'px"><\/div>'); } if (domWw) r = window; else{   if (d.documentElement &&   typeof d.documentElement.clientWidth == "number" &&   d.documentElement.clientWidth != 0)   r = d.documentElement;  else{   if (d.body &&   typeof d.body.clientWidth == "number")   r = d.body;  } } function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){   if (d.documentElement && d.defaultView &&   typeof d.defaultView.scrollMaxY == "number"){   oh = d.documentElement.offsetHeight;   sy = d.defaultView.scrollMaxY;   ow = d.documentElement.offsetWidth;   sx = d.defaultView.scrollMaxX;   rh = oh-sy;   rw = ow-sx;  }  else{   rh = r.innerHeight;   rw = r.innerWidth;  } h = rh; w = rw; } else{ h = r.clientHeight; w = r.clientWidth; } } function scrl(yx){ var y,x; if (domSy){  y = r.pageYOffset;  x = r.pageXOffset;  } else{  y = r.scrollTop;  x = r.scrollLeft;  } return (yx == 0)?y:x; } function mouse(e){ var msy = (domSy)?window.pageYOffset:0; if (!e) e = window.event;    if (typeof e.pageY == 'number'){   my = e.pageY - msy + 16;   mx = e.pageX + 6;  }  else{   my = e.clientY - msy + 16;   mx = e.clientX + 6;  } if (my > h-65) my = h-65; if (mx > w-50) mx = w-50; } function assgn(){ for (j = 0; j < 3; j++){  dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix;  dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix; } stp+=s; for (i = 0; i < n; i++){  if (i < n-1){   vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;   vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;   vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;  }  else{   vx[i].top = dy[0]; vx[i].left = dx[0];   vy[i].top = dy[1]; vy[i].left = dx[1];   vz[i].top = dy[2]; vz[i].left = dx[2];   }  } setTimeout(assgn,t); } function init(){ for (i = 0; i < n; i++){  vx[i] = document.getElementById("x"+(idx+i)).style;  vy[i] = document.getElementById("y"+(idx+i)).style;  vz[i] = document.getElementById("z"+(idx+i)).style;  } winsize(); assgn(); } if (window.addEventListener){  window.addEventListener("resize",winsize,false);  window.addEventListener("load",init,false);  document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent){  window.attachEvent("onload",init);  document.attachEvent("onmousemove",mouse);  window.attachEvent("onresize",winsize); } })(); }//End. </script> <div style="text-align: justify;">Bây giờ, để phù hợp với màu nền của blog mình, "nhiệm vụ" của bạn cần làm là thay đổi các dòng lệnh màu đỏ (đây chính là các màu sắc xoay quay con trỏ chuột),  cuối cùng bấm Lưu lại là xong. Bạn có thể bấm vào thẻ phía dưới để lấy các mã màu mà mình muốn nha. <div style="text-align: left;"> <center><a class="bttoolz" href="http://dunghennessy.blogspot.com/2012/02/bang-ma-mau.html" rel="nofollow" target="_blank">Xem và lấy mã màu</a></center></div><div style="text-align: left;"> </div></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Chúc các bạn thành công!!! </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><h2 class="title" style="text-align: right;"> ▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀ </h2>

3 MÀU XOAY QUANH CON TRỎ CHUỘT

Với đoạn code dưới đây, con trỏ chuột của bạn được "tô điểm" xung quanh "nó" 3 màu sắc khác nhau, 3 màu sắc này sẽ xoay...

Đọc thêm »

CHỮ XOAY TRÒN THEO CON TRỎ CHUỘT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZ-T3qfCptplR7WV6R_H6qY6jOXUkX-SevnEeiLBoHVRLcsJ5_LG1I1yg125LuXkB9snkOs3qaMMCw9mtcTfIVv3W2xuH4wK5Cw0sfVfLzTotbCXIGgBs-ClsIbKzx4M5LLp9Zyt7BGU/s1600/20dongb1946yk0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZ-T3qfCptplR7WV6R_H6qY6jOXUkX-SevnEeiLBoHVRLcsJ5_LG1I1yg125LuXkB9snkOs3qaMMCw9mtcTfIVv3W2xuH4wK5Cw0sfVfLzTotbCXIGgBs-ClsIbKzx4M5LLp9Zyt7BGU/s320/20dongb1946yk0.jpg" width="320" /></a></div>Kỳ trước, tôi có chia sẻ cho các bạn cách thay đổi hình dáng con trỏ chuột cho Blogspot (xem <a href="http://dunghennessy.blogspot.com/2012/02/thay-oi-hinh-dang-con-tro-chuot-phan-2.html" target="_blank">TẠI ĐÂY</a>), để cho con chuột thêm đẹp bạn cũng có thể tạo những dòng chữ xoay tròn theo con trỏ chuột và đi bất cứ nơi nào trên blog khi chuột di chuyển, hiệu ứng này cũng "khá mướt", ở giới hạn trang bài viết này bạn có thể xem thử con chuột của dunghennessy nha (bạn chờ load trang xong sẽ thấy chữ chạy xoay tròn theo chuột).</div><div style="text-align: justify;"> <a name="more"></a></div><div style="text-align: justify;">Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi copy đoạn code phía dưới vào.</div><div style="text-align: justify;"></div><div class="csscode"><style type="text/css"> /* Circle Text Styles */ #outerCircleText { /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */ font-style: italic; font-weight: bold; font-family: Times new roman; color:    #4AA02C; /* End Optional */ /* Start Required - Do Not Edit */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Circle Text Styles */ </style> <script type="text/javascript"> ;(function(){ // Your message here (QUOTED STRING) var msg = "DUNGHENNESSY.BLOGSPOT.COM!"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size = 15; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){  e = e || window.event;  ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position  xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning  if(init.nopy){   o.style.top = (b || document.body).scrollTop + 'px';   o.style.left = (b || document.body).scrollLeft + 'px';  };  currStep -= rotation;  for (var d, i = n; i > -1; --i){ // makes the circle   d = document.getElementById('iemsg' + i).style;   d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';   d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';  }; }, drag = function(){ // makes the resistance  y[0] = Y[0] += (ymouse - Y[0]) * speed;  x[0] = X[0] += (xmouse - 20 - X[0]) * speed;  for (var i = n; i > 0; --i){   y[i] = Y[i] += (y[i-1] - Y[i]) * speed;   x[i] = X[i] += (x[i-1] - X[i]) * speed;  };  makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays  if(!isNaN(window.pageYOffset)){   ymouse += window.pageYOffset;   xmouse += window.pageXOffset;  } else init.nopy = true;  for (var d, i = n; i > -1; --i){   d = document.createElement('div'); d.id = 'iemsg' + i;   d.style.height = d.style.width = a + 'px';   d.appendChild(document.createTextNode(msg[i]));   oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;  };  o.appendChild(oi); document.body.appendChild(o);  setInterval(drag, 25); }, ascroll = function(){  ymouse += window.pageYOffset;  xmouse += window.pageXOffset;  window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){  window.addEventListener('load', init, false);  document.addEventListener('mouseover', mouse, false);  document.addEventListener('mousemove', mouse, false);   if (/Apple/.test(navigator.vendor))    window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){  window.attachEvent('onload', init);  document.attachEvent('onmousemove', mouse); }; })(); </script> </div> <div style="text-align: justify;">Bây giờ, bạn có thể thay đổi các dòng lệnh màu đỏ để phù hợp với blog của mình và bấm Lưu lại là xong</div><div style="text-align: justify;">Chúc các bạn có "chú chuột Pro" nha</div> <style type="text/css">/* Circle Text Styles */ #outerCircleText { /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */ font-style: italic; font-weight: bold; font-family: Times new roman; color: #FFFF00; /* End Optional */ /* Start Required - Do Not Edit */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Circle Text Styles */ </style> <script type="text/javascript">;(function(){ // Your message here (QUOTED STRING) var msg = "DUNGHENNESSY.BLOGSPOT.COM!"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size = 18; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); </script>

CHỮ XOAY TRÒN THEO CON TRỎ CHUỘT

Kỳ trước, tôi có chia sẻ cho các bạn cách thay đổi hình dáng con trỏ chuột cho Blogspot (xem TẠI ĐÂY ), để cho con chuột thêm đẹp bạn cũng c...

Đọc thêm »

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT PHẦN 2

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinakotEaQYgL5O98qpe1-MQq7lSLGzyjJBSbfC1_9rNe44-J7Q4Gww8znFDq4oKQuB2eEte1TfTXQkqqxnHT1C_AmxXxaGGlJp6Mcet1mYeV_XEiIQDeH_YxfjmAjMSQlopwDzuk902Rk/s1600/www.loogix.com_10004206.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinakotEaQYgL5O98qpe1-MQq7lSLGzyjJBSbfC1_9rNe44-J7Q4Gww8znFDq4oKQuB2eEte1TfTXQkqqxnHT1C_AmxXxaGGlJp6Mcet1mYeV_XEiIQDeH_YxfjmAjMSQlopwDzuk902Rk/s1600/www.loogix.com_10004206.gif" /></a></div>Trước đây, tôi có chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột (Xem <a href="http://dunghennessy.blogspot.com/2011/04/thay-oi-hinh-dang-con-tro-chuot-trong.html" target="_blank">TẠI ĐÂY</a>).</div><div style="text-align: justify;">Kỳ này, tôi tiếp tục chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột phần 2. <a name="more"></a></div> <div style="text-align: justify;">Phần 2 này, có 2 kiểu để bạn lựa chọn:</div><div style="text-align: justify;">Kiểu 1: Với kiểu này thì bạn chỉ cần 1 hình ảnh cho con chuột.</div><div style="text-align: justify;"></div> <center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/02/oi-hinh-con-tro-chuot.html" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;">Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.</div><div style="text-align: justify;"> <div class="csscode" style="text-align: left;"><div align="center" style="visibility: visible; z-index: 9;"> <style> HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoaCKHwEM-gBskNPUQXW62NvP_pm8tEHW-I1VzUsfSOimKIezpcguw5K8G_D55pd5HdeRbZbc0O9YlyRwPq5Ka_4GJ2a_xRz17V9eKcmi5UFm_dydRS0cXNlyRZJOZbvMoQ2FOJ95XGq4/s1600/batmanlogo.gif"), auto;} </style></div></div> </div><div style="text-align: justify;">Kiểu 2: Còn với kiểu 2 này, bạn phải cần đến 2 hình ảnh con trỏ chuột. </div> <center><a class="bttoolz" href="http://dunghennessy5.blogspot.com/2012/02/oi-hinh-dang-con-tro-chuot.html" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;">Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào</div><div style="text-align: justify;"><div class="csscode"><div style="text-align: left;"><div align="center" style="visibility: visible; z-index: 9;"> <style> HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUJsOGDPYK9GdjC4k-B4QL-ntVfCW5l89q0KyOM65Dvc21y4c3GBVpbk0597UIzTfiCiAEXUFGabmA_mAR26Yrgm6NIIDPP-FCU7F8eRSv7C7Bbxb4retQ3OXvP6HBRo7317Lj9xd8vE/s1600/acespades.gif"), auto;} </style></div> <style> A:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQg9YE_M6gkGOqyGcFYcH34psZt4arhxVrYgvNVzMUEicUTA6qk8Ry-uVDXOBTAPCCQwp92JSbDFGezRkzfUZm6GzNmza3lN6e5bZD1ETJI5DmDJY4AqfacbWaYEKXC_HKBeUic9pECJM/s1600/acehearts.gif"), auto;} </style></div> </div> </div><div style="text-align: justify;">Bạn thay đổi link màu đỏ (đây là link ảnh của con trỏ chuột) để có hình dáng con trỏ chuột theo ý của bạn. Nếu chưa có hình con trỏ chuột nào vừa ý, bạn có thể bấm vào thẻ phía dưới để lựa chọn cho mình con trỏ chuột "dễ thương" nha. </div> <center><a class="bttoolz" href="http://anhdepblog.blogspot.com/2012/02/hinh-con-tro-chuot_16.html" rel="nofollow" target="_blank">Xem và tải hình con trỏ chuột</a></center>

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT PHẦN 2

Trước đây, tôi có chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột (Xem TẠI ĐÂY ). Kỳ này, tôi tiếp tục chia sẻ với các bạn cách th...

Đọc thêm »

ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3O26ZxidILkZzWARIjqyg1t0c56RPjJsTkm6oFhSAmn3D1G-HRJ97VLwaiXqJ_eaU30FvdTLfUVRz7BKT7NkOdsmhWXortOfO_XKbZSvC-lAb8UafhMlIfJ5GI8to3r7oB2y7MXyxEQ/s1600/crocodilo_04.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3O26ZxidILkZzWARIjqyg1t0c56RPjJsTkm6oFhSAmn3D1G-HRJ97VLwaiXqJ_eaU30FvdTLfUVRz7BKT7NkOdsmhWXortOfO_XKbZSvC-lAb8UafhMlIfJ5GI8to3r7oB2y7MXyxEQ/s1600/crocodilo_04.gif" /></a></div>Để tạo cho Blog mình thêm sinh động, bạn có thể gắn thêm hình ảnh cho con trỏ chuột, các hình ảnh này sẽ chạy theo con trỏ chuột đến bất kỳ nơi nào trên Blog...</div><div style="text-align: justify;">Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.</div> <a name="more"></a> <center><a class="bttoolz" href="http://dungheineken7.blogspot.com/" rel="nofollow" target="_blank">Xem thử</a></center> <div style="text-align: justify;">Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.</div> <center><div style="background-color: #cfecec; height: 260px; overflow: scroll; width: 650px;"> <div class="MsoNormal" style="color: black;"><script type='text/javascript'> /* <![CDATA[ */ if ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ var e_img = new Image(); e_img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUPVNgi6LdcILi4qTS0PY-c6I7hsf6hQnOoOWROdT4yeQFZRHcYPpZeGKTicuXYPH7o2brCKmVF1ciUt-ULjjrZ9Pb9Dodlmpzb18_OtQtdUxmN08e3vIW-XO3kNnZUrwvXq-BYCe4PE/s1600/bats11.gif"; var p_img = new Image(); p_img.src = ""; var idx = document.images.length; if ( document.getElementById("pic"+idx) || document.getElementById("ppl1"+idx) || document.getElementById("ppl2"+idx)) idx++; document.write('<img id="eyblls'+idx+'" src="'+e_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:150px;height:120px"/>' +'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>' +'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>'); var h,w,r,eyeballs,pupil1,pupil2; var d = document; var my = 0; var mx = 0; var fy = 0; var fx = 0; var pix = "px"; var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); if (domWw) r = window; else{ if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else{ if (d.body && typeof d.body.clientWidth == "number") r = d.body; }} function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){ if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number"){ oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; }else{ rh = r.innerHeight; rw = r.innerWidth; } h = rh; w = rw; } else{ h = r.clientHeight; w = r.clientWidth; }} function scrl(yx){ var y,x; if (domSy){ y = r.pageYOffset; x = r.pageXOffset; } else{ y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function mouse(e){ var msy = (domSy)?window.pageYOffset:0; if (!e) e = window.event; if (typeof e.pageY == 'number'){ my = e.pageY - msy; mx = e.pageX; } else{ my = e.clientY - msy; mx = e.clientX; }} function makefollow(){ var sy = scrl(0); var sx = scrl(1); //Keep eyes on screen. var chy = Math.floor(fy-50); if (chy <= 0) chy = 0; if (chy >= h-50) chy = h-50; var chx=Math.floor(fx-34); if (chx <= 0) chx = 0; if (chx >= w-69) chx = w-69; //eyeball1 centre. var c1y = chy+17; var c1x = chx+17; //eyeball2 centre. var c2y = chy+17; var c2x = chx+52; var dy1 = my - c1y; var dx1 = mx - c1x;//80 var d1 = Math.sqrt(dy1*dy1 + dx1*dx1); var dy2 = my - c2y; var dx2 = mx - c2x; var d2 = Math.sqrt(dy2*dy2 + dx2*dx2); var ay1 = my - c1y; var ax1 = mx - c1x; var angle1 = Math.atan2(ay1,ax1)*180/Math.PI; var ay2 = my - c2y; var ax2 = mx - c2x; var angle2 = Math.atan2(ay2,ax2)*180/Math.PI; var dv = 1.7; var onEyeBall1 = (d1 < 17)?d1/dv:10; var onEyeBall2 = (d2 < 17)?d2/dv:10; eyeballs.top = chy+sy+pix; eyeballs.left = chx+sx+pix; pupil1.top = c1y-6+onEyeBall1*Math.sin(angle1*Math.PI/180)+sy+pix; pupil1.left = c1x-6+onEyeBall1*Math.cos(angle1*Math.PI/180)+sx+pix; pupil2.top = c2y-6+onEyeBall2*Math.sin(angle2*Math.PI/180)+sy+pix; pupil2.left = c2x-6+onEyeBall2*Math.cos(angle2*Math.PI/180)+sx+pix; } function move(){ dy = fy += (my-fy) * 0.05; dx = fx += (mx-fx) * 0.05; makefollow(); setTimeout(move,30); } function init(){ eyeballs = document.getElementById("eyblls"+idx).style; pupil1 = document.getElementById("ppl1"+idx).style; pupil2 = document.getElementById("ppl2"+idx).style; winsize(); move(); } if (window.addEventListener){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent){ window.attachEvent("onresize",winsize); window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); } })(); } /* ]]> */ </script></div> </div></center> <div style="text-align: justify;">Bây giờ, bạn thay đổi các dòng lệnh màu đỏ: <div style="color: red;">"http://3.bp............./bats11.gif" : Link ảnh chạy theo chuột của bạn</div><div style="color: red;">Width: 150px Chiều rộng của ảnh</div>Height: 120 px Chiều cao của ảnh</div><div style="text-align: justify;"> và bấm LƯU lại là xong</div> <div style="text-align: justify;">LƯU Ý: Thủ thuật này áp dụng thành công cho giao diện Blog V2 (giao diện tải trên mạng). Nếu giao diện blog của bạn là giao diện mặc định, thì bạn đăng nhập vào Blog > chọn Thiết kế > chọn chỉnh sửa HTML, sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh <head>, bây giờ bạn chép code dán vào sau dòng lệnh <head> đó, bấm Lưu mẫu là xong. </div><div style="text-align: justify;">Các bạn nên chèn ảnh động thì con trỏ chuột sẽ sinh động hơn rất nhiều, các bạn có thể vào đây để chọn cho mình một số ảnh động khá đẹp <a href="http://anhdepblog.blogspot.com/search/label/H%C3%8CNH%20%C4%90%E1%BB%98NG" target="_blank">Ảnh động cho Blog </a> Chúc các bạn thành công</div> <div style="text-align: right;"> </div>

ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT

Để tạo cho Blog mình thêm sinh động, bạn có thể gắn thêm hình ảnh cho con trỏ chuột, các hình ảnh này sẽ chạy theo con trỏ chuột đến bất kỳ ...

Đọc thêm »

FLASH TƯƠNG TÁC VỚI CHUỘT (PHẦN 1)

<div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpKKlEui_Wx6q0mJr9NIKjnnfWh_8Qq4Fctaj_C1k08WySNVhGZYv-U4K98aLtSFnQ0qxusXkaxFTsULDyf_pJQiBaIARtjDrasVFL2hoQpj3XVBx1AlLkL-nApy6_FtoUEh-lYkzp0/s1600/Adobe-Flash-icon.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcpKKlEui_Wx6q0mJr9NIKjnnfWh_8Qq4Fctaj_C1k08WySNVhGZYv-U4K98aLtSFnQ0qxusXkaxFTsULDyf_pJQiBaIARtjDrasVFL2hoQpj3XVBx1AlLkL-nApy6_FtoUEh-lYkzp0/s1600/Adobe-Flash-icon.png" /></a>Flash là file có đuôi.SWF, các file flash thường rất đẹp và sinh động thích hợp cho việc trang trí, quảng cáo trên Web/Blog...</div><div style="text-align: justify;">Ngoài ra, các bạn có thể tìm thấy các file Flash có tính tương tác với con trỏ chuột, có nghĩa là bạn phải bấm con chuột vào một trong các dữ liệu của file Flash để nó thực thi (ví dụ: Play, Preview, Replay...) <a name="more"></a></div><div style="text-align: justify;">Tôi có sưu tầm một số Flash từ các trang Web nước ngoài khá đẹp và lý thú thích hợp cho việc giải trí sau vài giờ làm việc "mệt mỏi", mời các bạn cùng khám phá file Flash phía dưới.</div><div style="text-align: justify;">Với file Flash này, khi bạn rê chuột vào khung lớn phía trên thì sẽ có một số kiểu dáng và hiệu ứng rất đẹp theo con trỏ chuột, bạn cũng có thể đổi kiểu dáng bằng cách bấm vào thẻ Effect number, đổi hiệu ứng rơi ở thẻ Type, sau cùng bấm Apply để thực thi.</div><div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB5XsXrklOZosyrTDOQ3qt7gRAbtUAtD6zQ4uELBUsIMd5DHCRP_mTU3tdBUWjE2wtsuYg5X_KwwhSyAq5f3Fxo7zB8LJN_ly7FPtH6mcvct5xrrpflAVqdeT942WVdw3Ox_-C6GEILeI/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB5XsXrklOZosyrTDOQ3qt7gRAbtUAtD6zQ4uELBUsIMd5DHCRP_mTU3tdBUWjE2wtsuYg5X_KwwhSyAq5f3Fxo7zB8LJN_ly7FPtH6mcvct5xrrpflAVqdeT942WVdw3Ox_-C6GEILeI/s640/004.png" width="616" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Bây giờ, mời các bạn "giải trí" với một file Flash phía dưới. </div><div style="text-align: justify;"> </div><div style="text-align: justify;"></div> <center><embed bgcolor="#FFFFFF" height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://420560203807516800-a-1802744773732722657-s-sites.googlegroups.com/site/dunghennesy/ngoisaodoimau.swf?attachauth=ANoY7cqQZlM8bexVHF9jr7njzzVzeKVVYi--XPJTAXOmxW9rQWBzfHmFHVXjDxpqIZe0_oDZrwx3elRz_Ncx2gAINlt7cSARdw5d6SFcnDuHtqhmUaN0wzj2EYWCfAYaEAZyrnyEUMjxrRwVn9kC7p4Eu-5naJU9DlgQ8CB1rH2qNY5ZJI6v5TF4YYHWlnMWAZPC7ZCSbB6l5HWXII7-uXu5H1KWB9rTrg%3D%3D&attredirects=0" type="application/x-shockwave-flash" width="490"></embed> </center> <div style="text-align: justify;">Các bạn nhớ khi thay đổi khi thay đổi kiểu dáng hoặc kiểu rơi thì phải bấm Apply thì mới "hiệu nghiệm" nha. Còn muốn dán vào Blog, thì đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào <div style="text-align: left;"><embed bgcolor="#FFFFFF" height="320" width="450" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://420560203807516800-a-1802744773732722657-s-sites.googlegroups.com/site/dunghennesy/ngoisaodoimau.swf?attachauth=ANoY7cqQZlM8bexVHF9jr7njzzVzeKVVYi--XPJTAXOmxW9rQWBzfHmFHVXjDxpqIZe0_oDZrwx3elRz_Ncx2gAINlt7cSARdw5d6SFcnDuHtqhmUaN0wzj2EYWCfAYaEAZyrnyEUMjxrRwVn9kC7p4Eu-5naJU9DlgQ8CB1rH2qNY5ZJI6v5TF4YYHWlnMWAZPC7ZCSbB6l5HWXII7-uXu5H1KWB9rTrg%3D%3D&amp;attredirects=0" type="application/x-shockwave-flash" > </embed></div><div style="text-align: left;"> </div><div style="text-align: justify;">Bạn có thể thay đổi chiều ngang ở mục Width, chiều dài ở mục Height, sau cùng bấm Lưu lại là xong.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Chúc các bạn vui!!!</div></div>

FLASH TƯƠNG TÁC VỚI CHUỘT (PHẦN 1)

Flash là file có đuôi.SWF, các file flash thường rất đẹp và sinh động thích hợp cho việc trang trí, quảng cáo trên Web/Blog... Ngoài ra, các...

Đọc thêm »

LINK TEXT THAY ĐỔI MÀU LIÊN TỤC KHI RÊ CHUỘT VÀO LINK

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbeK1e_lmiGtz-hZ-A4ZsF8Yx5MxZo-hHoSyJKxsAtzpU2dLE26Ro7nuwZvfRmdrzpQkIc0Fb9-eeHAMpQ0Ue0Hh1FcJUELHNoMXyxpe5vnRhpLfXXg41rgqQG2ruG1r0DF5mjzjoCbyj/s1600/1304844298142402.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbeK1e_lmiGtz-hZ-A4ZsF8Yx5MxZo-hHoSyJKxsAtzpU2dLE26Ro7nuwZvfRmdrzpQkIc0Fb9-eeHAMpQ0Ue0Hh1FcJUELHNoMXyxpe5vnRhpLfXXg41rgqQG2ruG1r0DF5mjzjoCbyj/s1600/1304844298142402.gif" /></a></div>Để cho Blog mình thêm đẹp bạn có nhiều cách tạo hiệu ứng cho nó, trong giới hạn bài viết này, tôi sẽ giới thiệu đến các bạn đổi hình trỏ chuột kết hợp link text sẽ thay đổi màu liên tục khi rê chuột đến link. <a name="more"></a></div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript rồi dán tất cả các code này vào</div> <form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả" /> <textarea cols="72" name="MyTextBox" rows="5" wrap="off"><style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/blkglitwrkbgnd.ani"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G6-QTLDI/AAAAAAAAFRE/opaLpGQugtU/redglitter.gif"), auto;}</style> <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif"), auto;}</style> <script src="http://traidatmui-tips.googlecode.com/files/hover_textcolor.js"></script>

Và cuối cùng bấm Lưu lại là xong.
Nếu bạn không thích hình con chuột ở trên, bạn có thể thay đổi hình trỏ chuột khác bằng cách thay đổi dòng lệnh này:
http://lh5.ggpht.com/_TaHzV-QgYq0/S17G632P9HI/AAAAAAAAFRA/ArKIi6ah1Fo/redglitlnkslct.gif bằng link hình con trỏ chuột trên TRANG NÀY.
Bây giờ bạn trở lại vào blog để "hưởng thụ" thành quả nha
Chúc vui

LINK TEXT THAY ĐỔI MÀU LIÊN TỤC KHI RÊ CHUỘT VÀO LINK

Để cho Blog mình thêm đẹp bạn có nhiều cách tạo hiệu ứng cho nó, trong giới hạn bài viết này, tôi sẽ giới thiệu đến các bạn đổi hình trỏ chu...

Đọc thêm »

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT TRONG BLOGGER

<div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw9AWyEjpJKtxabvPGYV1987L-obJHr8jk9sbpstSkZFWNOHigomFqDQakxjeNsOLd36mScAVdXkVCtiGvj7KxgX9yLSx0cVq126DWB-Acd2Eavw1ZtzdXVKAzKBeXBa9Cf7OFBQucJn7/s1600/12.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBw9AWyEjpJKtxabvPGYV1987L-obJHr8jk9sbpstSkZFWNOHigomFqDQakxjeNsOLd36mScAVdXkVCtiGvj7KxgX9yLSx0cVq126DWB-Acd2Eavw1ZtzdXVKAzKBeXBa9Cf7OFBQucJn7/s200/12.png" width="200" /></a>Nếu nhàm chán với hình con trỏ chuột mặc định, bạn có thể thay đổi hình dáng và màu sắc cho con chuột bằng cách sau:</div><div style="text-align: justify;">Đầu tiên, bạn đăng nhập vào Blog, chọn Thiết kế > chọn Chỉnh sửa HTML, sau đó bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm, bạn gõ vào khung chữ </head>. Bây giờ bạn copy code tương ứng với các hình mẫu chuột dán phía trên chữ này </head>. <a name="more"></a></div><div style="text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqJbOSJL-HUeEsg3f5SIp4H-_ciyDqiIrmX46oUQKdNulUP7pUnBsSxQPvvvBDHvRykHblANweBv5ANNSL7rjdEi2KDmQdcVXTWQXZYQj1qu5LkCvjSAJHJek503H1NPaTxqCFE5LZn_K/s1600/16.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqJbOSJL-HUeEsg3f5SIp4H-_ciyDqiIrmX46oUQKdNulUP7pUnBsSxQPvvvBDHvRykHblANweBv5ANNSL7rjdEi2KDmQdcVXTWQXZYQj1qu5LkCvjSAJHJek503H1NPaTxqCFE5LZn_K/s400/16.PNG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div> Đây là các hình con trỏ chuột:   </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1YDzKrYSXX5mq-tT0hXd2xs2HYk1G6b_cky4zQQgkvhoOb9AABERh-MVdfWmerMiwIe5C9qb4qEnGobw9nHv4PXzqhBsmNdlxaO0_EW5jls6MHrnQL53UiZj2KkK4HMQcehx4CfrRR7aa/s1600/chu%25E1%25BB%2599t+m%25C3%25A0u+%25C4%2591en.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1YDzKrYSXX5mq-tT0hXd2xs2HYk1G6b_cky4zQQgkvhoOb9AABERh-MVdfWmerMiwIe5C9qb4qEnGobw9nHv4PXzqhBsmNdlxaO0_EW5jls6MHrnQL53UiZj2KkK4HMQcehx4CfrRR7aa/s1600/chu%25E1%25BB%2599t+m%25C3%25A0u+%25C4%2591en.png" /></a></div><textarea cols="42" name="code" rows="2" style="background: none repeat scroll 0% 0% rgb(169, 245, 169); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"> <style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-newcur.cur), progress;}</style>