Tạo nút download css cực đẹp cho blogspot

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!