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 !

Cảm ơn bạn đã đọc bài viết tại
Smobile36 !

Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
Các bạn có thể thoải mái góp ý cho mình .

Post a comment

Cảm ơn bạn đã đọc bài viết tại
Smobile36 !

Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
Các bạn có thể thoải mái góp ý cho mình .

Post a Comment (0)

Bài Trước Bài Sau

Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT CHẶN QUẢNG CÁO

Quảng cáo giúp chúng tôi duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.

Bạn Vui lòng tắt Adblock hoặc cho Hoàng Trang Pc được phép hiển thị trong công cụ chặn quảng cáo của bạn.Xin Cảm ơn!

×