Thêm tiện ích danh mục cho blogger/blogspot

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 =)