Tạo khung liên kết bạn bè 2 cột đơn giản cho Blogger

#Thủ Thuật #Windows #Blogger #Facebook

Tạo khung liên kết bạn bè 2 cột đơn giản cho Blogger

Share:
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é! :)
CHUYÊN MỤC

Bài Viết Liên Quan

Bình Luận Gần Đây

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.
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin.
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
● Để bình luận một đoạn code, hãy mã hóa code trước nhé.