Tạo nút Demo - Download cho blogspot cực đẹp


Khi bạn chia sẻ các thủ thuật bạn muốn cho độc giả xem bản mẫu ,hay khi bạn chia sẻ file hay ứng dụng hữu ích thì bạn cũng cần tạo 1 đường link download trên trang của bạn.Tuy nhiên bạn chưa biết tạo nút Demo ,Download sao cho đẹp ,vậy thì bài viết này sẽ hướng dẫn các bạn cách tạo nút Demo, Download cực đẹp cho Blogspot .


CÁCH TẠO NÚT DEMO ,DOWNLOAD CHO BLOGSPOT .

Các bạn có thể xem mẫu :

Các bước thực hiện :

Việc thực hiện rất đơn giản .Mình thấy có một số blog đã chia sẻ cái này tuy nhiên đều phải thêm CSS vào blog ,việc này có thể làm giảm tốc độ load trang đáng kể .Để tạo các bạn chỉ cần chèn đoạn HTML sau vào bài viết nơi mà bạn muốn nó hiển thị :

<div id="wrap" align='center' >
<a class="outline button" href=" Links Demo " rel="nofollow" target="_blank"><i class="fa fa-paper-plane"> Demo </i></a><br /> <a class="outline button" href=" Links Download" rel="nofollow" target="_blank"><i class="fa fa-file"> Download </i>
</a>
</div>

Nếu các bạn chỉ muốn mình DEMO :

<div id="wrap" align='center' > <a class="outline button" href=" Links Demo " rel="nofollow" target="_blank"><i class="fa fa-paper-plane"> Demo </i>
   </a></div>

Nếu bạn chỉ muốn hiển thị Download :

<div id="wrap" align='center' ><a class="outline button" href=" Links Download" rel="nofollow" target="_blank"><i class="fa fa-file"> Download 
</i>
</a></div>

LỜI KẾT :

Sau vài bước đơn giản thì bạn đã thêm được nút Demo ,Download cho blogspot rồi .Nếu có thắc mắc gì hãy để lại bình luận để được giải đáp nha !

Credit : 5S