Tạo Thanh Bạn Bè 3 Cột Cực Đẹp Cho Blogger.
- Tối thứ 6 rồi mọi người ơi. Mình vừa kiểm tra tháng xong nên rảnh ra bài viết cho mọi người luôn ahihi. Không có ý tưởng nên nghĩ gì thì share cái đó nhé. Và cũng rất cảm ơn mọi người dạo này đã dành thời gian cho trang blog của mình. Không nói dài dòng nữa vào vấn đề chính luôn nhé.
Các Bước Thực Hiện.

Bước 1: Đăng Nhập Blogger => Bố Cục

Bước 2: Chọn Mục Thêm Tiện Ích Chèn Code Bên Dưới Vào:

<style>
#lien-ket-ban-be::-webkit-scrollbar{width:5px}
#lien-ket-ban-be::-webkit-scrollbar-thumb{background:#484848;border-radius:3px}
#lien-ket-ban-be::-webkit-scrollbar-thumb:active{background:#777}
#lien-ket-ban-be{padding:0;margin:0;list-style:none}
.lien-ket-ban-be{margin:0;padding:0}
.lien-ket-ban-be ul{padding:6px 0.8px 6px 6px}
.lien-ket-ban-be li{width:33.3%;margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center}
.lien-ket-ban-be a{padding-left:25px;transition: all 0.5s ease 0s;width:auto;text-overflow:ellipsis;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:nowrap;margin:0 5px 5px 0;padding:5px;font-size:15px;font-weight:400;-webkit-transition:.3s;border-radius:3px;-moz-transition:.3s;-o-transition:.3s;color:#fff;border:1px solid #e5e5e5}
.lien-ket-ban-be a:hover{color:#f90!important;border:1px solid;text-decoration:none!important}
</style>
<div id='lien-ket-ban-be'>
<div class='lien-ket-ban-be'>
<ul>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a></li>
<li><a href='#' target='_blank'>Đặt liên kết</a> </li>
<li><a href='#' target='_blank'>Đặt liên kết</a> </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href=#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a> </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a></li>
<li><a href='#' target='_blank'>Đặt liên kết</a> </li>
<li><a href='#' target='_blank'>Đặt liên kết</a> </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<li><a href='#' target='_blank'>Đặt liên kết</a>  </li>
<!--<li><a href='#' target='_blank' title='Liên kết blog'>Đặt liên kết</a></li>-->
</ul>
</div></div>
</div>

Bước 3: Lưu Lại Là Xong.

Chúc các bạn thành công.
Code by: Codedayroi.net
- - 6 bình luận
CHUYÊN MỤC

BÌNH LUẬN (6)

  1. Đẹp đó em đơn giản nhưng chất

    Trả lờiXóa
  2. Widget này mà thêm màu nền cho từng blog cũng khá bắt mắt đấy nhỉ

    Trả lờiXóa
  3. đẹp lắm :) sr nha dạo này bận nên ko dạo blog em đc

    Trả lờiXóa

Một số lưu ý khi bình luận

Vui lòng xem Hướng Dẩn Sử dụng trước khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)