Thứ Bảy

Hiệu ứng lấp lánh khi rê chuột vào link có trong blog của bạn

Ở một số blog,khi rê chuột vào các link,bạn sẽ thấy những hiệu ứng lung linh xuất hiện.Mình sẽ hướng dẫn bạn làm từng bước một:
Khởi đầu bằng việc bấm Thiết kế-> Theme-> Chế độ tự chỉnh sửa rồi Copy đoạn code dưới đây mà bạn cảm thấy thích vào ô CSS nhé!

Lá rơi:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/92946cxn8xmvkw5.gif);}
Tim rơi và tan như tuyết:
Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/196321yuyezcwmu1.gif);}
Tim lớn màu hồng chớp chớp:
Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/heart4.gif);}
Hình tròn nhỏ chớp chớp:
Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/lunglinh.gif);}
Pháo hoa:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/pinksparkle6df1.gif);}
Tim xanh :

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://img.photobucket.com/albums/v76/lienrom/x1pc_jqddVOWRk-VaEPLmKuGpUDH4oRqaW4.gif_;}
TRái tim bay bay 1:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i227.photobucket.com/albums/dd81/vicq2/thcontrotraitim.gif);}
Bong bóng happy:
Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10312.gif);}
Bông hoa:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love3/AddEmoticons10944.gif);}
Nốt nhạc đủ màu:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love3/AddEmoticons10947.gif);}
Bong bóng:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons1039.gif);}
"Áo vú" 

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love/AddEmoticons09781.gif);}
Trái cà chua:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10343.gif);}
I LOVE YOU:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10346.gif);}

Mây nhí nhảnh:


Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10314.gif);}
lOvE nhí nhảnh:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://www.addemoticons.com/emoticon/love2/AddEmoticons10350.gif);}

Nếu các bạn muốn làm theo phong cách riêng thì:

Code:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(thay link ảnh của bạn vào nhé

2 nhận xét:

  1. mình đang dùng blogspot
    nhưgn mà mình ko hiểu cách chèn code
    chèn vào chỗ nào bạn
    bạn nói rõ hơn dược ko?

    Trả lờiXóa
  2. ban frendsship .ban vao phan chjnh sua lai giao djen cua blog.tim den phan NANG CAO re chuot tjm them css copy code tren dan vao va save lai.chuc ban thanh cogban frendsship .ban vao phan chjnh sua lai giao djen cua blog.tim den phan NANG CAO re chuot tjm them css copy code tren dan vao va save lai.chuc ban thanh cog

    Trả lờiXóa

 

Blogger news

Blogroll

About