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

- Trong quá trình làm việc, cũng như là trong quá trình viết bài, khó tránh khỏi sai sót, rất mong các bạn, anh chị em bỏ qua. Đồng thời do trình độ lập trình & kinh nghiệm thực tiễn còn hạn chế nên giao diện và bài viết còn nhiều lỗi ! Em rất mong nhận được ý kiến đóng góp từ mọi người, để bản thân học hỏi thêm được nhiều kinh nghiệm và sẽ cố gắng hoàn thiện trong tương lai. Em xin chân thành cảm ơn !
- Mọi chi tiết xin liên hệ:
• Phone number: 038.689.7757
• Facebook: fb.com/leanhduc.pro.vn
• Email: Admin@leanhduc.pro.vn

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

8 nhận xét:


Cùng tham gia bình luận bài viết này nhé!

  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