Hôm nay mình sẽ hướng dẫn các Bạn cách chuyển Link thành Button khá hay cho Blog của các Bạn. Bạn hãy thử xem hiệu ứng sau nhé:
chèn vào ô CSS):
#btn_link { background:#0066FF; border-color:#FFFFFF; border-style:outset; color:#B0FFFF; font-weight:600;text-decoration:none;}
#btn_link:hover { background:#FF6600; border-color:#FFCC66; border-style:outset; color:#FFFFFF; font-weight:bolder;text-decoration:none;}
Mã màu được bôi đen ở code trên là màu của màu ở chế độ bình thường và khi đưa chuột vào.
Và bây giờ, khi nào cần xuất hiện Button như ở trên, Bạn chỉ cần chèn code này vào OK.
<a href=http://duythieugia.blogspot.com><div id="btn_link" style="padding: 5px; width: 115px;
text-align: center;font-size:14px;">Bấm Vào Đây</div></a>
Bạn có thể tạo nhiều Button bằng cách thêm code theo ý mình. Ví dụ tôi có thể thay bằng các button sau:
<a href=http://duythieugia.blogspot.com/><div id="btn_link" style="padding: 5px; width: 115px;
text-align: center;font-size:14px;"> Về Trang Chủ </div></a>
<a href= http://vn.myblog.yahoo.com/thanhduy-music> <div id="btn_link" style="padding: 5px; width: 115px; text-align: center;font-size:14px;">My Blog</div></a>
<a href="http://vn.myblog.yahoo.com/blog88-org/article?mid=3324 "><div id="btn_link" style="padding: 5px; width: 115px; text-align: center;font-size:14px;">Tiếu lâm</div></a>
Và kết quả của tôi thu được là: Bấm Vào Đây Để Xem
Nhãn: Hiệu Ứng Cho Blog
0 nhận xét:
Đăng nhận xét