TẠO NÚT DOWNLOAD CSS CỰC ĐẸP CHO BLOGSPOT

byHồng Hải Blog • • 1 min read
10

Nút Dowload CSS cho blogspot cực đẹp, code tạo nút dowload cho blogger hiện nay rất nhiều nhưng đụng hàng hơi nhiều. Vì vậy sau đây mình sẽ hướng dẫn cho các bạn tạo nút button dowload cho blogger.




hướng dẫn làm: 

Các bạn vào Edit HTML > Tìm B:skin và Dán Đoạn Code Bên Dưới B:skin
#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

CÁCH viết bài, các bạn chuyển qua phần html rồi dán đoạn code bên dưới vào .

<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>
Các Bạn Thanh # Thành Link Url Của Bạn Nhé.

LỜI KẾT:

Chỉ vài bước đơn giản là các bạn có thể tạo cho mình nút download cực dễ dàng rồi! Nếu trong quá trình làm các bạn có thắc mắc gì hãy để lại bên dưới comment, mình sẽ giải đáp cho các bạn nhanh nhất có thể!
Chúc các bạn thành công!

Từ Khóa : Css code tạo nút button cho blogspot, code tạo nút dowload và demon cho web blog, cách tạo nút dowload cho blogspot. code tạo nút dowload cho blogger 

4.8 / 3269 rates

10 Nhận xét

Hiện thêm
  1. Duy Ripper
    Duy Ripper

    hay !!!
    đang tìm nút mới

    Reply Delete lúc 15:41 25 tháng 8, 2017
  2. My Trà
    My Trà

    nút khá chất :3 thks ad

    Reply Delete lúc 16:17 25 tháng 8, 2017
  3. Hoàng Nguyễn
    Hoàng Nguyễn

    sao em làm mà không ra đc ad nhỉ ?
    giúp em với

    Reply Delete lúc 21:24 25 tháng 8, 2017
  4. HUỲNH TÍNH
    HUỲNH TÍNH

    Liên kết không bạn ơi!
    Tên hiển thị: Vy Huỳnh
    Mô tả: Chia Sẽ Thủ Thuật, Hỗ trợ downloand
    Link blog: http://www.vyhuynh.tk

    Reply Delete lúc 11:21 25 tháng 9, 2017
  5. Unknown
    Unknown

    Bác Hải sửa lại phần Liên kết giùm em nhé.
    Từ Thái Tính IT thành Tính Getter Blog nhé.

    Reply Delete lúc 20:19 27 tháng 9, 2017
Hiện thêm
Mới hơn Cũ hơn