Code widget Liên kết bạn bè có Favicon đơn giản cho blogspot

Anh Trai Nắng
2

Widget liên kết bạn bè trên Blogspot, hay còn được gọi là widget Blogroll, là một công cụ hữu ích cho phép người dùng Blogspot thêm một danh sách liên kết đến các blog khác hoặc các trang web mà họ muốn giới thiệu hoặc quảng bá trên blog của mình.

Code widget Liên kết bạn bè có Favicon đơn giản cho blogspot
Code widget Liên kết bạn bè có Favicon cho blogspot.

Đây là một cách tốt để kết nối với cộng đồng blogging rộng lớn hơn và chia sẻ nguồn tài nguyên hoặc nội dung yêu thích của bạn với độc giả.

Vì sao cần Liên kết bạn bè?

Vì liên kết bạn bè có nhiều lợi ích quan trọng như sau:

  • Tăng cường mối quan hệ cộng đồng: Liên kết bạn bè tạo cơ hội để các blogger xây dựng và duy trì mối quan hệ với nhau. Điều này tạo nên một mạng lưới cộng đồng mạnh mẽ, nơi mọi người có thể hỗ trợ và chia sẻ nội dung của nhau.
  • Cung cấp giá trị cho độc giả: Qua việc chia sẻ liên kết, bạn có thể giới thiệu cho độc giả của mình những trang web hay blog có nội dung hữu ích, giáo dục, hoặc giải trí, giúp họ tìm thêm nguồn thông tin và kiến thức.
  • Cải thiện SEO (Tối Ưu Hóa Công Cụ Tìm Kiếm): Các liên kết chất lượng có thể cải thiện vị trí của blog trên các công cụ tìm kiếm. Khi các trang web chất lượng liên kết đến blog của bạn, điều này có thể được xem như một "phiếu bầu" về mức độ tin cậy và uy tín của nội dung bạn cung cấp.
  • Tăng lưu lượng truy cập: Liên kết giữa các blog có thể giúp đưa lưu lượng truy cập từ trang này sang trang khác. Điều này đặc biệt hữu ích cho các blog mới hoặc những người đang cố gắng mở rộng độc giả của họ.
  • Chia sẻ người đọc: Khi bạn liên kết đến một blog khác, bạn đang giới thiệu người đọc của mình cho một nguồn nội dung mới và ngược lại. Điều này tạo ra một môi trường hợp tác hơn là cạnh tranh.
  • Xây dựng Thương hiệu và Uy tín: Việc liên kết với các blog uy tín và chất lượng cao có thể giúp xây dựng thương hiệu và tăng cường uy tín của blog của bạn.

Tóm lại, việc sử dụng liên kết bạn bè không chỉ tạo ra lợi ích về mặt kỹ thuật và SEO, mà còn thể hiện sự hợp tác và tương trợ trong cộng đồng blogging.

Code widget Liên kết bạn bè có Favicon

Có thể tạo một widget liên kết bạn bè riêng biệt để sử dụng trên Blogspot hoặc các nền tảng khác bằng cách viết mã HTML/CSS riêng. Việc này đòi hỏi một chút kiến thức cơ bản về lập trình web.

Để thêm widget này vào Blogspot của bạn, bạn cần:

  1. Đăng nhập vào tài khoản Blogspot.
  2. Truy cập phần "Bố cục" trong bảng điều khiển của blog.
  3. Chọn "Thêm tiên ích" chỗ bạn cần đặt và tìm kiếm tùy chọn "HTML/JavaScript".
  4. Dán đoạn đoạn code dưới đây vào widget:
<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:600px;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 5px 5px 0; padding: 7px 15px; -webkit-transition: .3s; letter-spacing: -.35px; border-radius: 0; -moz-transition: .3s; -o-transition: .3s; color: #777!important; border: 1px solid #484848;text-align: left;}
.lkbb-widget a:hover{color:#069999!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">

<li>
<a href="https://www.anhtrainang.com/2020/06/lien-ket-ban-be-cung-anh-trai-nang-blog.html" target='_blank' title='Đặt Liên Kết'><img src="https://www.google.com/s2/favicons?domain=https://www.anhtrainang.com"/> Đặt Liên Kết</a>
</li>

</div></div></div>

Chỉnh sửa danh sách bạn bè của bạn cho phù hợp ở phần <li>...</li>.

Lưu và sắp xếp vị trí widget trên blog nếu cần.

Lời kết

Bằng cách này, bạn có thể tạo ra một widget liên kết bạn bè phù hợp với phong cách và nhu cầu cụ thể của blog mình.

Widget này giúp tạo ra một mạng lưới liên kết, góp phần tăng cường tương tác và lưu lượng truy cập giữa các blog và trang web khác nhau.

Và đừng quên Liên Kết Bạn Bè Cùng Anh Trai Nắng Blog.

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

  1. Dùng widget Blog List cũng được, ưu điểm là tự động đẩy những blog đã liên kết lên trên khi có bài viết mới đồng thời hiển thị thời gian đã post bài :D

    Trả lờiXóa
    Trả lời
    1. ê cái ưu điểm này hay nè, chắc để qua xem tips làm thôi

      Xóa
Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu