Cách tạo Danh Mục Hữu Ích cho blogger

Hôm nay, mình xin hướng dẫn với các bạn cách tạo một danh mục hữu ích cho blog, tạo vẻ đẹp cho blog của bạn đồng thời làm nổi bật lên chủ đề chính blog của bạn. 

Và sau đây là cách làm. bạn có thể xem DEMO sau:

Cách làm rất đơn giản. Vô phần bố cục chọn thêm  HTML/JavaScript  

Copy toàn bộ Code sau dán vô.

 <h2 class='title'><i class="fa fa-share" aria-hidden="true"></i> DANH MỤC hữu ích</h2><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:#333}.esome h4{color:#0033CC}.esome a{font-size:11px;padding:10px 15px 10px 0;margin-top:1px;border:0;text-transform:uppercase;color:#333}.esome a:before{content:"\f054";font-family:fontawesome;padding-right:5px}.esome a:hover{padding:10px 15px;color:#e39d3e!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/Ảnh%20Bìa?max-results=8">Ảnh bìa</a></li><li><a href="/search/label/Ảnh%20Đẹp?max-results=8">Avatar</a></li><li><a href="/search/label/Chứng%20Minh%20Nhân%20Dân">psd cmnd</a></li><li><a href="/search/label/Thủ%20Thuật%20Facebook?max-results=8">thủ thuật</a></li></ul></div><div class="esome"><h4 class="title">BLOGGER</h4><ul><li><a href="/search/label/Template%20Blogger?max-results=8">Template</a></li><li><a href="/search/label/Code">Code Hay</a></li><li><a href="/search/label/Share%20Code%20Web?max-results=8">code web</a></li><li><a href="/search/label/Thủ%20Thuật%20BlogSpot?max-results=8">hỗ trợ</a></li></ul></div><div class="esome" style="float:none"><h4 class="title">WINDOWS</h4><ul><li><a href="/search/label/PM%20Khác?max-results=8">phần mềm</a></li><li><a href="/search/label/Proshow%20Producer?max-results=8">video</a></li><li><a href="/search/label/VirtualDJ?max-results=8">vitua</a></li><li><a href="/search/label/Thủ%20Thuật%20PC?max-results=8">hỗ trợ</a></li></ul></div></div><div class='clear'></div>

Và chỉnh sửa theo ý của bạn, Các bạn có thể thay mã màu Xanh và Đỏ để hiển thị tốt so với nền blog của bạn, bằng cách lấy mã màu và thay thế mã màu cũ. Xem bảng mã màu tại đây.

Chúc các bạn thành công. Like & Share ủng hộ Star Trường nếu thấy nó hay nhé. 

Có thắc mắc thì cứ việc Cmt phía dưới mình giải đáp thêm.

 Bài viết trong Kul Mai Văn được bảo vệ bởi DMCA. Khi sao chép bài viết xin ghi nguồn và link dẫn về bài viết gốc.