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!