Thêm widget liên kết bạn bè tuyệt đẹp cho blogspot/blogger

Thêm widget liên kết bạn bè tuyệt đẹp cho blogspot/blogger


Xin chào các bạn hôm nay mình sẽ chia sẻ cho các bạn một thủ thuật nhỏ đó chính là widget liên kết bạn bè tuyệt đẹp cho blogspot.

CÁC BƯỚC THỰC HIỆN:

Bước 1: Vào blog → bố cục → html/javascript và thêm toàn bộ code bên này:
<div class="widget-content">
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#484848;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#777}
#lkbb-widget{padding:0;margin:0;list-style:none;max-height:310px;overflow:auto}
.lkbb-widget{margin:0;padding:0}
.lkbb-widget li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%}
.lkbb-widget a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 8px 8px 0; padding: 7px 15px; font: 400 17px Roboto!important; -webkit-transition: .3s; letter-spacing: -.35px; border-radius: 0; -moz-transition: .3s; -o-transition: .3s; color: #ccc!important; border: 1px solid #484848;border-radius: 40px}
.lkbb-widget a:hover{color:#00a06a!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href="https://www.web5c.com/" target="_blank" title="Web5c">Web5c</a></li>
<li><a href="https://www.starcuongit.com/" target="_blank" title="Star Cường IT">Star Cường IT</a></li>
<li><a href="https://www.niemstyle.com/" target="_blank" title="Niệm Style">Niệm Style</a></li>
<li><a href="https://www.nguyentinhblog.com/" target="_blank" title="Star Tỉnh IT">Star Tỉnh IT</a></li>
<li><a href="https://hungstar-it.blogspot.com/" target="_blank" title="Hưng Star">Hưng Star</a></li>
<li><a href="https://www.thanhphuit.xyz/" target="_blank" title="Thanh Phú IT">Thanh Phú IT</a></li>
<li><a href="https://www.lebalongit.xyz/" target="_blank" title="Lê Bá Long IT">Lê Bá Long IT</a></li>
<li><a href="http://alolearn.com/" target="_blank" title="Alolearn.com">Alolearn.com</a></li>
<li><a href="https://www.coichanhkunit.xyz/" target="_blank" title="Nguyễn Phỏm IT">Nguyễn Phỏm IT</a></li>
<li><a href="https://www.duyphuong.tk/" target="_blank" title="Duy Phương IT">Duy Phương IT</a></li>
<li><a href="https://www.huyny.tk/" target="_blank" title="Gia Huy NY Blog">Gia Huy NY Blog</a></li>
<li><a href="https://kimanhblog.com/" target="_blank" title="Kim Anh Blog">Kim Anh Blog</a></li>
</div></div></div>
Bước 2: Điều chỉnh các thông số sao cho hợp lí.

                                Chúc các bạn thành công !
Share:

Nhận Xét

7 comments:

  1. ok ad, đã đổi rồi nhé

    ReplyDelete
  2. Đẹp đó e. Lâu qá r ms ghé blog e :)

    ReplyDelete
  3. Nhờ bác sửa lại link giúp tôi

    Tên hiển thị: Anh QUI-IT Network
    title: Chuyên viên phần mềm, phần cứng và mạng
    url: https://www.duongngocqui007.xyz

    ReplyDelete