Chào các bạn, widget liên kết bạn bè (hay blog bạn bè) khá quan trọng đối với những bạn mới thành lập blog. Nó giúp bạn liên kết với các blog khác. Thường thì widget LKBB đặt ở cuối trang.
Bài viết này mình sẽ chia sẻ cho các bạn khung liên kết bạn bè mình đã từng dùng từ lúc mới tạo blog cho đến bây giờ.
Xem demo

Cách thực hiện

Đơn giản bạn chỉ việc copy toàn bộ code sau và dán vào một tiện ích HTML/Javascript là được.
<style>
#bsw-lkbb-widget{padding:0;margin:0;list-style:none}
.bsw-lkbb-widget{margin:0;padding:0}
.bsw-lkbb-widget li{margin:0;padding:0;line-height:normal;display:block;width:50%;float:left}
.bsw-lkbb-widget a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin:0 5px 5px 0;padding:5px 15px;font:400 18px Roboto!important;-webkit-transition:.3s;letter-spacing:-.5px;background:rgba(0,0,0,.1);border-radius:6px;-moz-transition:.3s;-o-transition:.3s;color:#777!important}
</style>
<div id='bsw-lkbb-widget'>
<div class='bsw-lkbb-widget'>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
<li><a href='http://www.bacsiwindows.com/lienket' target='_blank' title='Đặt liên kết'>Đặt liên kết</a></li>
</div></div>
Thay link và tên lại cho hợp lệ nhé! :)
- - 2 bình luận
CHUYÊN MỤC

BÌNH LUẬN (2)

:)
:))
:D
=))
:(
:((
:o
^_^
^-^
/-f
^.^
/-g
;)
-_-
=_=
/-r
-.-
:p
/-o
/-hi
/-ok
/-clap
(y)
(3)
  1. Trả lời
    1. Tìm background rồi thay mã màu khác là được nha bác!

      Xóa

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

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)

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

Để bình luận một đoạn code, hãy mã hóa code trước nhé