Tạo Nút Demo & Download Cực Mát Mẻ
Alo alo Chào Mọi Người Nhé!!!. Dạo này bận quá không chăm lo cho blog được, trách sao được, học kì 2 mà khó lắm các bạn ạ. Mình nhức não với máy bài toán này nọ haizzz.
Mà mình cũng không có ý tưởng nhiều nên hôm nay viết đại một bài này nhé:
Các bước thực hiện:
B1: Đăng nhập Blogger
B2: Click chọn chủ đề => Chỉnh sửa HTML
B3: Ctrl + F tìm ]]></b:skin> và dán đoạn code bên dưới lên trên nó
/* Button Demo & DownloadB4: Lưu mẫu
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
Cách sử dụng
- Khi viết bài ban qua tab HTML và dán đoạn code bên dưới vào:
<div style="text-align: center;margin: 10px 0;">Rồi bạn edit theo ý của bạn.
<a class="buttonx" href="http://www.huyrocket.ml/demo" target="_blank">Demo</a>
<a class="buttonx" href="http://www.huyrocket.ml/download" target="_blank">Download</a>
</div>
Thế là xong rồi đó chúc bạn thành công.
Nhận xét
Đăng nhận xét