Chia sẻ nút Demo và Download cho Blogger - Style 1

Chào các bạn, hôm nay Thịnh ND xin chia sẻ cho các bạn Nút Demo và Download cực đẹp cho Blogger. Chắc sẽ làm bạn hài lòng

HƯỚNG DẪN

Bước 1: Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Tìm đến thẻ ]]></b:skin> và chèn đoạn code sau lên trên nó

/* Demo va Download by Thinh ND */ 
#wrap { margin:20px auto; text-align:center; } #wrap br { display:none; } .btn { display:inline-block; position:relative; font-family:'Source Sans Pro', Helvetica, sans-serif; background:#3b3f48; padding:6px 14px; font-size:14px; margin:0 3px; color:#fff!important; border-radius:3px; border:none; text-transform:uppercase; text-decoration:none; transition:all 0.3s ease-out; } .btn.down { background:#3b3f48; color:#fff!important; } .btn.down:hover,.btn.down:active,.btn:hover,.btn:active { background:#fc4f3f; color:#fff; } a.btn.down:hover,a.btn.down:active,a.btn:hover,a.btn:active { color:#fff; } .btn i { margin-left:10px; font-weight:normal; font-family:FontAwesome; }

Bước 3: Lưu mẫu

Để nút  Demo và Download xuất hiện, các bạn chèn đoạn code sau lên nhé. .

<div id="wrap"> <a class="btn down" href="link-demo" rel="nofollow" target="_blank">Demo<i class="fa fa-paper-plane"></i></a><br /> <a class="btn down" href="link-download" rel="nofollow" target="_blank">Download<i class="fa fa-file"></i></a></div> 

Thay lại cho phù hợp

Chúc bạn thành công! xin cảm ơn