Hiệu ứng tạo đường link thành butfon cho Plus 360

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

Nguồn từ blogyeuinfo.tm