Nút Demo và Download cho blogspot
Bước 1: Chèn đoạn CSS sau vào mẫu là Ok, thường thường là người ta chèn trước thẻ ]]></b:skin>
/*toptienich css demo and download */
.button{list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.post-body ul.button {list-style:none;text-align:center;margin:20px auto;padding:2px;font-size:14px;clear:both;z-index:2;}
.button li{display:inline;margin:0 5px;padding:0;list-style:none;}
.post-body ul.button a.demo,.post-body ul.button a.download{display:block;background:#97b28e;max-width:180px;padding:8px 12px;color:#fff;text-shadow: rgba(100, 100, 100, 0.34902) 0px 4px 5px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:auto;border-radius:2px;transition:all .3s}
.post-body ul.button a.demo{background:#5c7dc2;}
.post-body ul.button a.download{background:#da972d;}
.post-body ul.button a.demo:hover,.post-body ul.button a.download:hover{background:#fff;color:#138be6;}
Bước 2: Chèn code sau vào bài viết, nơi bạn muốn nút Demo và Download xuất hiện.
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://www.blogger.com/YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="https://www.blogger.com/YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear">
</div>
Thế là xong phim nhé! Chúc các bạn thành công!
toptienich.com