TẠO WIDGET LIÊN KẾT BẠN BÈ TUYỆT ĐẸP CHO BLOGSPOT

GIỚI THIỆU

Xin chào các bạn nha! Hôm nay mình sẽ giới thiệu cho các bạn một mẫu widget liên kết bạn bè tuyệt đẹp. Thì cũng có khá nhiều mẫu đẹp rồi, nhưng mình thích thì mình share thôi. Mong các bạn ủng hộ =))

HƯỚNG DẪN SỬ DỤNG

Rất đơn giản thôi! Các bạn copy toàn bộ code bên dưới rồi đặt vào chỗ muốn hiển thị (thêm liên kết tùy ý)
<style>
/* Bắt đầu css liên kết bạn bè */
#lien-ket-ban-be::-webkit-scrollbar{width:5px}
#lien-ket-ban-be::-webkit-scrollbar-thumb{background:#484848;border-radius:15px}
#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:50%;margin:0;padding:0;line-height:normal;display:block;float:left;text-align:left}
.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:#000;border:1px solid #e5e5e5}
.lien-ket-ban-be a:hover{color:#f90!important;border:1px solid;text-decoration:none!important}
.lien-ket-ban-be a:before{content:"\f006";font-family:Fontawesome;color:#00c0ef;margin-right:10px;font-size:15px;font-weight:700}
/* Kết thúc css liên kết bạn bè */
</style>
<div id='lien-ket-ban-be'>
<div class='lien-ket-ban-be'>
<ul>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
<li><a href="#" target="_blank" title="#">Đặt liên kết</a></li>
</ul>
</div></div>

LỜI KẾT

Trên đây là toàn bộ code widget liên kết bạn bè tuyệt đẹp cho blog. Nếu thấy hay hãy cho mình một Share nha! Chúc các bạn một ngày học tập và làm việc hiệu quả. Xin chào và hẹn gặp lại!

@Copyright Lê Anh Đức
  1. Trả lời
    1. thấy vọc template ra để đăng bài là biết ngay =))

      Xóa
    2. Thấy ông cũng lười viết bỏ mẹ ra :))

      Xóa
    3. Không trách tôi được :) dạo này facebook fix cực mạnh ! cái gì cũng treo sml rồi =))

      Xóa
    4. à ừ ok :D nhưng mà chỉ có tôi vọc code ra đăng được thôi :* chứ ông lại vọc tut fix ra đăng là mang tiếng đấy =))

      Xóa
    5. khiếp (y) còn phải nhắc! chưa ai phàn nàn về tut của Thành cả :D

      Xóa
CÓ THỂ BẠN ĐANG TÌM KIẾM