Khung liên kết bạn bè đẹp cho 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 this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait