Hướng dẫn tạo nút Demo và Download cho Blogspot #2

Chèn nút Demo và Download cho blogspot

Hôm nay 4TipsVn 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

Bước 1: Đăng nhập vào Blogger
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!

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait