Tạo khung liên kết bạn bè 2 cột đơn giản cho Blogger
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é! 🙂