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

Đăng nhận xét

Mới hơn Cũ hơn