Cách đặt liên kết bạn bè và share code widget liên kết bạn bè mà Thành Luân Blog đang sử dụng

Xin chào mọn người hôm nay mình sẽ chia sẻ đến các bạn một đoạn code widget liên kết bạn bè siêu đẹp cho blogger/blogspot mà mình đang dùng nha.

BẮT ĐẦU THUI !

Bước 1: Mọi người copy toàn bộ code bên dưới và đặt vào nơi mà mọi người muốn nó hiển thị nhé.

<!-- bắt đầu code liên kết bạn bè -->
<div class="widget HTML">
<h2 class="title">LIÊN KẾT BẠN BÈ</h2>
<style>
    .lien-ket-blogg li {
        list-style: none
    }

    .lien-ket-blogg ul::-webkit-scrollbar-track {
        background-color: #f0f1f5
    }

    .lien-ket-blogg ul::-webkit-scrollbar {
        width: 0
    }

    .lien-ket-blogg ul::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 53.3%, .4)
    }

    .lien-ket-blogg ul {
        max-height: 400px;
        overflow-x: hidden;
        overflow-y: overlay
    }

    .lien-ket-blogg li a {
        font-size: 13.5px;
        float: left;
        list-style: none;
        margin: 2.5px;
        background: #474958;
        padding: 4.5px 8px !important;
        border-radius: 4px;
    }

    .lien-ket-blogg a {
        color: #fff !important;
        font-weight: 400;
        width: auto;
    padding: 5px 10px;
        display: inline-block;
        font-size: 14px!important;
        margin : 0 0 4px 2px;
        border: 1px solid #ccc;
        border-radius: 3px; 
    }
    .lien-ket-blogg a:hover {opacity:0.9}
    .lien-ket-blogg a:hover {color:#fff; border: 1px dashed #fff; }
</style>
<div id="lien-ket-blogspot">
<div class="lien-ket-blogg">
<ul>
<li><a href="#" target="_blank" title="#">Liên kết <i class="fas fa-check-circle" style="color:rgb(88, 182, 237)" title="Đã Xác Minh"></i></a></li>
<li><a href="/2020/01/lienket.html" target="_blank" title="Liên kết blog">Đặt Liên Kết <i class="fa fa-cog fa-spin"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- kết thúc code liên kết bạn bè -->

Bước 2: Mọi người chỉ cần sửa cái link blog muốn đặt liên kết và mô tả thay cho dấu # nhé. Rồi nếu muốn thêm liên kết thì thêm đoạn code này:

<li><a href="#" target="_blank" title="#">Liên kết <i class="fas fa-check-circle" style="color:rgb(88, 182, 237)" title="Đã Xác Minh"></i></a></li> 

Vậy là xong rồi chỉ với vài bước đơn giản mọi người đã có một khung liên kết bạn bè xịn xò, chúc các bạn thành công, có gì không hiểu các bạn bình luận phía dưới bài viết nhé.

Related posts: