DEMO:
Bắt tay vào làm ngay :v
Bưới 1: Vào bố cục > Thêm tiện ích > HTML/Javascript
Bước 2: Coppy toàn bộ code dưới vào:
<div class='widget-content'> | |
<style> | |
.esome h4{display:block !important;font-family:'Open Sans',sans-serif;font-size:15px;font-weight:700!important;padding:5px 0 10px;color:#ffffff} | |
.esome h4{color:#1e87f0}.esome a{font-size:11px;padding:10px 15px 10px 0;margin-top:1px;border:0;text-transform:uppercase;color:#ffffff} | |
.esome a:before{content:"\f054";font-family:fontawesome;padding-right:5px}.esome a:hover{padding:10px 15px;color:#ffffff!important} | |
.esome{float:left;padding-right:15px;padding-left:15px}.esome li{line-height:25px} </style> | |
<div class="esome"> | |
<h4 class="title">FACEBOOK</h4><ul> | |
<li><a href="/search/label/PSD">ẢNH BÌA</a></li> | |
<li><a href="/search/label/%E1%BA%A2nh%20Hacker">AVTAR</a></li> | |
<li><a href="/search/label/T%C3%A2m%20Tr%E1%BA%A1ng">TÂM TRẠNG</a></li> | |
<li><a href="/search/label/FaceBook">THỦ THUẬT</a></li></ul></div> | |
<div class="esome"> | |
<h4 class="title">BLOGGER</h4><ul> | |
<li><a href="/search/label/Blogger%20Temples">TEMPLATE</a></li> | |
<li><a href="/search/label/Code%20DDos">CODE HAY</a></li> | |
<li><a href="/search/label/Code%20HTML">CODE WEB</a></li> | |
<li><a href="#">HỖ TRỢ</a></li></ul></div> | |
<div class="esome" style="float:none"> | |
<h4 class="title">WINDOWS</h4><ul> | |
<li><a href="/search/label/Ph%E1%BA%A7n%20M%E1%BB%81m">PHẦN MỀM</a></li> | |
<li><a href="/search/label/PM%20PROSHOW">VIDEO</a></li> | |
<li><a href="/search/label/Code%20DDos">DDOS</a></li> | |
<li><a href="#">HỖ TRỢ</a></li></ul></div></div> | |
<div class='clear'></div> | |
</div> |
Bước 4: Lưu lại và load lại trang xem thành quả
CHÚC CÁC BẠN THÀNH CÔNG =)
0 Bình luận, nhận xét,đánh giá bài viết