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 & Download
----------------------------------------------- */
.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}
B4: Lưu mẫu
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;">
<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>
Rồi bạn edit theo ý của bạn.
Thế là xong rồi đó chúc bạn thành công.

Nhận xét

Bài đăng phổ biến từ blog này

Những Điều Cần Làm Trước Và Sau Khi Xuất Bản Bài Viết Blogspot.

Tham gia Blog - Tôi mở ra một con đường mới

PSD Ảnh Bìa - Cô Đơn.