Share Code Liên Kết Bạn Bè Đơn Giản Và Tuyệt Đẹp Cho Blogspot

 Xin chào các bạn hôm nay mình sẽ chia sẻ đến các bạn một đoạn code tạo widget liên kết bạn bè đơn giản cho blogger/blogspot.

Đặt liên kết với 1 trang web khác mang lại nhiều lợi ích hơn bạn tưởng đấy . Vậy nên các bạn cố gắng liên kết với các trang web khác nhé . 

Để thực hiện các bạn đăng nhập vào Blogger -> Bố cục -> Chọn vị trí hiển thị liên kết thường thì sẽ đặt cuối Siderbar hoặc tùy theo template của các bạn đang sử dụng nữa . 

Chọn thêm tiện ích và dán đoạn code sau vào đó rồi lưu lại .

<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="https://www.smobile36.com" target="_blank" title="#">A lô 245 <i class="fas fa-check-circle" style="color:rgb(88, 182, 237)" title="Đã Xác Minh"></i></a></li>
<li><a href="https://www.smobile36.com" target="_blank" title="#">A lô 245  <i class="fas fa-check-circle" style="color:rgb(88, 182, 237)" title="Đã Xác Minh"></i></a></li> 
<li><a href="/p/lien-he.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>

Như vậy là trên đây mình đã hướng dẫn các bạn thêm liên kết với trang web khác rất đơn giản 

Để thêm 1 liên kết khác các bạn copy lại đoạn mã code màu xanh hoặc đỏ như trên và đổi lại địa chỉ liên kết nhé . 

CHÚC CÁC BẠN THÀNH CÔNG !