Nếu bạn có 1 website hay blog chuyên cung cấp các đường link tải phần mềm, tải phim, ảnh hay bất cứ thứ gì, hoặc là trang chủ của một website nào đó chẳng hạn. Và bạn cần một nút Tải Xuống hay Trang Chủ chuyên dụng thì bài viết này mình sẽ hướng dẫn cách tạo nút đó theo cách đơn giản nhất.
Sau đây là thứ tự cách làm:
1. Vào trang quản lý Blogger của bạn, chọn Chủ đề -> Chỉnh sửa HTML, thêm code dưới đây vào dưới thẻ <head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
2. Dán mã dưới đây vào dưới thẻ ]]></b:skin>
/* CSS Button Download & Homepage */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button ul{margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none}
.button li a.homepage,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s}
.button li a.download{background:#3498db}
.button li a.homepage:hover,.button li a.download:hover{background:#666}
.button li a.homepage:active,.button li a.download:active{cursor:pointer}
.button li a.homepage:after,.button li a.download:after{content:'\f015';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome}
.button li a.download:after{content:'\f019'}
3. Bấm vào Lưu chủ đề.
4. Bây giờ, bạn tạo bài viết mới. Bấm vào thẻ HTML ở phía trên bên trái chọn vị trí mà bạn muốn dán nút Trang Chủ hay Tải Xuống, sau đó dán đoạn code dưới đây
<div style="text-align: center;">Trong đó:
<ul class="button">
<li><a class="homepage" href="https://www.khochiase-it.com/" target="_blank">Trang Chủ</a></li>
<li><a class="download" href="@@@@@@@@@@" target="_blank">Tải Xuống</a></li>
</ul>
</div>
<div class="clear"></div>
- https://www.khochiase-it.com/ bạn thay bằng trang chủ website mà bạn muốn người sử dụng hướng tới.
- @@@@@@@@@@ : là dường link tải phần mềm, phim, bla bla...
Dưới đây là ví dụ:
Chúc các bạn thành công!
Chúc các bạn thành công!
Tags:
Blogger