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 "QUỐC KỲ" CHO CON TRỎ CHUỘT.

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.

Bạn có thể thấy trước thủ thuật này trên trang dunghennessy.blogspot.com

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 TẠI ĐÂY) và dán tất cả các code phía dưới vào

 

<script type="text/javascript">
var trailimage=["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJD4Ti_-xcm41tBnFi8hGyOPq7s48yR56Mr70f24Xnt8xjanuAXSGfy1hBoGhabhkTs3iKB2eUTlno6E8PR9qNXkVkhq37U0hd4fL4n4vbz-3qP3bY24C7_8Jsn_tu9QYUEuqj_b97B_o/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>

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.

Chúc các bạn vui....

 

More about →

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 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.

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...

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.

<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>

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.

Xem và lấy mã màu

Chúc các bạn thành công!!! 

▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

More about →

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ó 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).

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.

<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>

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

Chúc các bạn có "chú chuột Pro" nha

More about →

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 thay đổi hình dáng con trỏ chuột phần 2.

Phần 2 này, có 2 kiểu để bạn lựa chọn:

Kiểu 1: Với kiểu này thì bạn chỉ cần 1 hình ảnh cho con chuột.

Xem thử

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 align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4nwTg3tXNJGi0w26c5mh9NNi28ENvCEXtpnKXwE6yTHduQkUZvDDlG2SAGCYQd-sArWtQVxa2iNk-f0ZbFBMbx1douoD-BKvulMperUxd2xXZLeJRn4XUY77oFeZCZGVwz7LGyzuQZE/s1600/batmanlogo.gif"), auto;}
</style></div>

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.

Xem thử

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 align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLc0wa251C8vTafvUzT3M8YZ6BzEcWjzFRrvt0ZtkCYBbpkApZo-7fLQ2v2N65SyKCv3k75lOjpuGO9uRes8FdfFoCZVXDslRNVy_i_XWggV9eaZ-DJ9ufFEqcSI4cSxvAn-Ft5qsfkw/s1600/acespades.gif"), auto;}
</style></div>
<style>
A:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBye6vKRbV5Gu-ODXXMYskT7YRUrahUdNp0S06P__OI_cXgy-RWVlL6LQm06FPGW1BnG53ygM8cDu4y6WWEhlMhMQQp8FybabXQP_Uiz4pfNiZwIX5vvNvSqnFKTFm8NdYwy1DlamyX90/s1600/acehearts.gif"), auto;}
</style>

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.

Xem và tải hình con trỏ chuột

More about →

Ả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ỳ nơi nào trên Blog...

Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.

Xem thử

Đầ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.

<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/AVvXsEh6AFgyc2pmwrDV8kfkovD-yzTs8uVImR1H3qerWjxG4BezCmduv0fvL8pt67VKk1L2sdbJk0t63sqPkMlGxbtLiNseuUrV_Eb1S5qnJuLs7wykG1Fa3HtHS-i3SF2g4uIkJqJl4CzMk9w/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>

Bây giờ, bạn thay đổi các dòng lệnh màu đỏ:

"http://3.bp............./bats11.gif" : Link ảnh chạy theo chuột của bạn

Width: 150px Chiều rộng của ảnh

Height: 120 px Chiều cao của ảnh

và bấm LƯU lại là xong

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.

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 Ảnh động cho Blog
Chúc các bạn thành công

More about →

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 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...)

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.

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.

Bây giờ, mời các bạn "giải trí" với một file Flash phía dưới.

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

<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" ><br /> </embed>

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.

Chúc các bạn vui!!!

More about →

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ột kết hợp link text sẽ thay đổi màu liên tục khi rê chuột đến link.

Đầ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

<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><br /> <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><br /> <script src="http://traidatmui-tips.googlecode.com/files/hover_textcolor.js"></script><br />

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

More about →

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

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:

Đầ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>.

Đây là các hình con trỏ chuột:
 

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-newcur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-Jewelrycur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-Cutecur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-coolcur.cur), progress;}</style>

<style type='text/css'>body, a, a:hover {cursor: url(https://sites.google.com/site/bloggertricksandtoolz/bloggertricksandtoolz.com_Purple_.cur), progress;}</style>

<style type='text/css'>body, a, a:hover {cursor: url(https://sites.google.com/site/bloggertricksandtoolz/bloggertricksandtoolz.com_GREEN.cur), progress;}</style>

Sau khi dán code vào bạn bấm LƯU và đăng nhập vào Blog xem kết quả.

Chúc vui

More about →