Nhận xét mới

TẠO NÚT BUTTON DOWNLOAD HIỆU ỨNG HOVER TUYỆT ĐẸP CHO BLOG

Các bạn đang muốn có một nút button download đẹp cho blog của mình nhưng không biết phải chọn mẫu nào vì có quá nhiều blog hướng dẫn làm nút button vậy thì hôm nay mình sẽ hướng dẫn các bạn làm một nút button download hiệu ứng hover đẹp và đơn giản cho blog, hi vọng các bạn sẽ thích mẫu nút button này.
tao nut button download hieu ung hover tuyet dep cho blog
Hình minh họa.

CÁC BƯỚC THỰC HIỆN

Bước 1: Các bạn vào trang chủ blog chỉnh sửa HTML tìm thẻ ]]></b:skin> và dán đoạn code dưới đây trước thẻ đó.

.downloadbutton {margin:0 auto;padding:20px 0;width:200px;}
.downloadbutton a {background:#7577a9;;color:#fff;display:block;font-size:17px;font-weight:700;
font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center;
text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2;}
.downloadbutton a:hover {background:#ddd;}
.downloadbutton a:before {content:"\f019";font-family:FontAwesome;font-weight:normal;
padding:8px;margin-left:-12px;margin-right:6px;}
.downloadbutton span {background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial', Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase;
font-weight:bold;}
Bước 2: Lưu Template lại.
Bước 3: Cách sử dụng khi viết bài các bạn chuyển sang tab HTML và dán đoạn code dưới đây vào và chỉnh tieubaoblog.blogspot.com thành liên kết các bạn muốn đến nhé!
<div class="downloadbutton">
<a href="https://tieubaoblog.blogspot.com" rel="nofollow" target="_blank">Download</a>
</div>

TỔNG KẾT

Thế là xong rồi các bạn đã có ngay nút button download đẹp cho blog của mình rồi, ủng hộ mình bằng cách nhận xét và tốt hơn thì cho mình một share nhé cảm ơn.

Share:

Add Comment

31 nhận xét:

  1. Trả lời
    1. Có trên "thum neo" đó, chắc tui sẽ cập nhật trên bài viết nữa.!

      Xóa
  2. https://plus.google.com/107870079964063838694/posts/RbRcmY1RZDa?hl=vi
    hien93193@gmail.com

    Trả lờiXóa
  3. 1 ngày vui vẻ nhé :3 , rất hay đó

    Trả lờiXóa
  4. Đẹp đấy để đem về dùng :)

    Trả lờiXóa
    Trả lời
    1. cảm ơn nha, cứ dùng thoải mái nha <3

      Xóa
  5. Bài viết chất lượng đó em, cứ phát huy thế nhé >_0

    Trả lờiXóa
    Trả lời
    1. Oke, cảm ơn anh Niệm nhe <3

      Xóa
    2. Có thêm cái demo nữa thì tốt :)

      Xóa
    3. oke anh lần sau em sẽ rút kinh nghiệm !

      Xóa
  6. - @@ Sao mà nó chấtttttttttttttttttttt !

    Trả lờiXóa
  7. Tên: Thanh Phú IT
    link blog : http://www.thanhphuit.xyz/
    mô tả Blog Chia Sẽ Thủ Thuật
    đã đặt

    Trả lờiXóa
  8. - Này Nam, mình có vài điều cần nói với bạn :
    *"ĐM Thằng Trẩu 2K2".
    -> Mình không biết bạn bao nhiêu tuổi cũng chẳng biết bạn lớn hơn ai mà nói như thế nhưng nếu bạn là Người văn minh thì vui lòng sử dụng những từ ngữ khiêm tốn và có văn hóa vào, Bảo là 1 blogger chân chính và không gây war nên chắc sẽ không xóa comment này của bạn đâu còn nêu không muốn mọi người biết bộ mặt thật của mình thì bạn nên tự xóa comment đi cho đỡ nhục mặt bạn là một blogger mới nên chắc bạn chưa biết Bảo nên nói thế.
    Template dùng của thằng Cường trọc chưa sửa hết kìa anh em
    -> Template này là của Bảo mua từ anh Cường chính chủ, còn nếu bạn nói về Viewsource khi Ctrl + U thì đó là vì Bảo tôn trọng bản quyền , còn bạn lớn hơn anh Cường hay sao ? Bạn gọi là thằng này thằng nọ còn thêm từ ngữ thô tục thiếu nhân cách để gọi thì mình cũng chịu rồi

    ->> Thôi mình xin phép gỡ và chặn liên kết của bạn bên blog mình nhé, mình không lk với những ngx thiếu văn hóa như bạn :\

    Trả lờiXóa
    Trả lời
    1. trẻ trâu đó tui không quan tâm lắm :v !

      Xóa

  9. Tên: Thanh Phú IT
    link blog : http://www.thanhphuit.xyz/
    mô tả Blog Chia Sẽ Thủ Thuật
    đã đặt

    Trả lờiXóa
  10. Button đẹp đó e, để a chôm về sừ dụng cho blog của a cái đã :))

    Trả lờiXóa
    Trả lời
    1. anh cứ tự nhiên ạ, tí em đăng bìa trên blog anh nhé

      Xóa

Liên hệ đặt quảng cáoTheo dõi để cập nhật bài viết sớm nhất Theo dõi ngay!