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:

31 nhận xét

Đức Huy Blog nói...

cái demo đâu :v

Ngọc Tính IT nói...

đep

⊱⊰ Star Phong Blog ⊱⊰ nói...

Đẹp :*

Trần Quốc Thắng nói...

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

Đặng Hưng nói...

tuyệt vời lắm

Huy Hoàng Blogger nói...

1 ngày vui vẻ nhé :3 , rất hay đó

Tiểu Bảo Blog nói...

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

Trần Quang Huy nói...

Đẹp đấy để đem về dùng :)

Tiểu Bảo Blog nói...

thanks :)

Tiểu Bảo Blog nói...

cảm ơn :v

Tiểu Bảo Blog nói...

cảm ơn anh rất nhiều nhé <3

Tiểu Bảo Blog nói...

oke thanks An nhé <3

Tiểu Bảo Blog nói...

cảm ơn nha, cứ dùng thoải mái nha <3

Star Đức Blog nói...

Uissss dep do ong ! <3

NIỆM STYLE Vlogs nói...

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

Tiểu Bảo Blog nói...

Oke, cảm ơn anh Niệm nhe <3

Tiểu Bảo Blog nói...

thanks ông nè ^^

NIỆM STYLE Vlogs nói...

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

Võ Hữu Nhân nói...

- @@ Sao mà nó chấtttttttttttttttttttt !

Tiểu Bảo Blog nói...

oke anh lần sau em sẽ rút kinh nghiệm !

Tiểu Bảo Blog nói...

chất thật :v

Võ Thanh Phú nói...

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

Star Đức Blog nói...

Buổi trưa vui vẻ nhé!

Prince Design Blog nói...

Ngon rồi ;_;

Nguyễn Ngoc Quí nói...

demo ?

Võ Hữu Nhân nói...

Test In đậm

Võ Hữu Nhân nói...

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

Tiểu Bảo Blog nói...

trẻ trâu đó tui không quan tâm lắm :v !

Võ Thanh Phú nói...


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

Hùng Coder nói...

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

Tiểu Bảo Blog nói...

anh cứ tự nhiên ạ, tí em đăng bìa trên blog anh nhé

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!