Hôm nay mình hướng dẫn mọi người tạo nút Demo và download trông khá đẹp cho blog. Rất đơn giản
Đây là code để hiện nút Demo và Download Các bạn chèn vào bài viết nơi muốn cái nút đó hiển thị
Bước 1: Đăng nhập vào Blogger
Bước 2: Chọn Dashboard> Template> Edit HTML
Bước 2: Chọn Dashboard> Template> Edit HTML
Bước 3: Tìm đoạn code: ]]></b:skin>
Bước 4: Thêm đoạn mã sau lên trước code ]]></b:skin> vừa tìm được
/* Button Demo and Download by leetblogger.com ----------------------------------------------- */ .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}Bước 5: Lưu template lại
Đây là code để hiện nút Demo và Download Các bạn chèn vào bài viết nơi muốn cái nút đó hiển thị
<div style="text-align: center;margin: 10px 0;"><a class="buttonx" href="http://b-chiase.blogspot.com/ " target="_blank">Demo</a><a class="buttonx" href=" http://b-chiase.blogspot.com/" target="_blank">Download</a></div>Các bạn thay http://b-chiase.blogspot.com/ bằng url các bạn muốn dẫn đến nha! Chúc các bạn thành công!
Comments
Post a Comment
► Comments Lịch Sự - Không Spam.
► Viết Tiếng Việt Có Dấu - Giữ lịch sự, văn hóa.
► Tích vào ô Thông báo cho tôi để nhận thông báo phản hồi.
► Bình luận của bạn sẽ được giải đáp sớm nhất bạn nhớ check mail để xem phản hồi từ mình và các bạn khác nhé