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 3: Các bạn thay link thành link cũa blog bạn
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 =)
Chia sẻ :
Magpress

MagPress

Vestibulum bibendum felis sit amet dolor auctor molestie. In dignissim eget nibh id dapibus. Fusce et suscipit orci. Aliquam sit amet urna lorem. Duis eu imperdiet nunc, non imperdiet libero.

0 Bình luận, nhận xét,đánh giá bài viết