Chia sẻ bài viết lên mạng xã hội bằng plugins Twitter Facebook Social Share

Chào các bạn! Như các bạn đã biết, mạng xã hội là một công cụ hữa ích giúp quảng bá cho blog, website của bạn. Đây cũng là một yếu tố quang trọng trong quá trình làm SEO cho blog. Hiện tại có rất nhiều plugins từ trả phí đến miễn phí có thể giúp bạn thực hiện việc này một cách nhanh chống.

Hôm nay mình sẽ giới thiệu cho các bạn một trong số các plugins có thể giúp các bạn chia sẻ bài viết lên các mạng xã hội một cách dễ dàng nhất. Plugin có tên là Twitter Facebook Social Share, đầy đủ là Add Twitter, Facebook Like, Google plus one Social share. Plugin này sẽ tạo ra các nút chia sẽ bài viết lên Twitter, Facebook, Google+, LinkedIn, Stumbleupon,  Pinterest. Hổ trợ hiển thị bên trong bài viết hoặc ở dạng thanh trượt bên trái của blog rất chuyên nghiệp. Các bạn có thể xem demo ngay trên blog của mình.

Bạn có thể tải plugin này về tại đây. Tiến hành cài đặt và activate plugin này giống như bất kì một plugin nào khác.

Hướng dẫn sử dụng Twitter Facebook Social Share

Sau khi cài đặt và activate, bạn vào mục settings, chọn TF Social Share để tiến hành các cài đặt cho plugin này.

tf social share general options

Ở mục General Options bạn chú ý một số cài đặt:

1. Đánh dấu tick vào mục Auto Display để sử dụng plugin.

2. Đánh dấu chọn các mạng xã hội mà bạn muốn hiển thị nút chia sẻ ở mục Active share buttons.

3. Ở mục Show buttons in these pages, bạn đánh dấu vào các mục bạn muốn hiển thị plugin như single post, page, home page, categories….

4. Ở mục Position, bạn chọn kiểu hiển thị cho các nút chia sẻ. Có 4 kiểu hiển thị:

  • Above the post: hiển thị phía trên bài viết, ngay phía dưới tiêu đề.
  • Below the post: hiển thị phía dưới bài viết.
  • Above and Below the post: hiển thị cả bên dưới và bên trên bài viết.
  • Left side of the post: hiển thị dưới dạng thanh bên trái bài viết.

5. Mục Border Style, bạn chọn kiểu đường viền của thanh công cụ. Có 3 kiểu đường viền:

  • Flat border: kiểu hình chữ nhật.
  • Round border: kiểu bo tròn góc.
  • No border: không có đường viền.

6. Chọn màu nền cho thanh công cụ ở mục Background Color.

7. Mục Disable on Mobile Device, bạn có thể đánh dấu tick nếu muốn tắt plugin này trên các thiết bị di động.

left side floating

Nếu bạn chọn hiển thị dạng thanh bên trái thì bạn cần cài đặt mục Left Side Floating Specific Options.

1. Left Side Spacing: khoảng cách so với mép bên trái của màng hình.

2. Top Spacing: khoảng cách so với mép trên của màng hình.

3. Float Bar Position: có hai lựa chọn: Fixed Position:  cố định trên màng hình. Absolute Position: cố định trên trang của bạn.

adjust width and count display
Ở mục Adjust Width and Count Display, bạn cài đặt kích thước của các nút chia sẻ và đánh dấu tick vào mục counter để hiển thị số lượt chia sẻ.

Ngoài ra, bạn có thể sử dụng code:

<?php if(function_exists('kc_add_social_share')) kc_add_social_share(); ?>

để hiện thị thanh công cụ ở bất kì vị trí nào trên site của bạn.

Đánh giá bài viết này

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Thanks bro!! bài viết rất bổ ích, từ nay đỡ mắc công phải làm bằng tay rồi… chúc chủ thớt ngày càng nhiều bài đăng good thế này… 🙂

  2. Theme bác mới vào tưởng Thesic 2.0 {c2}

  3. mình đang dùng cái socialize mà nó cứ hiện trong bài viết chứ không hiện ra ngoài lề như bạn, chắc cài cái plugin này xem có đc không? cám ơn đã chia sẽ nha

  4. Bài viết hay . Để mình làm thử cái {c20}

  5. Pandangoo says:

    plugin này ko dùng dc cho thesis ah? mình cứ bị lỗi width của các nút Like. Đã vào hiệu chỉnh Adjust Width mà cũng ko dc. Làm sao để hiệu chỉnh vị trí của nó ko vượt quá tiêu đề bài viết vậy bạn? Nhờ chỉ giúp với, thanks http://pandangoo.com/

  6. Mien Tay says:

    Mục Left Side Floating Specific Options, không hoạt động với web mình. Ai biết tại sao k?

  7. Mình thấy sử dụng plugin Digdig cũng khá đẹp, cơ mà mình sài theme của mythemeshop nên có sẵn rồi.

  8. Nguyễn Trần Minh says:

    Bác thớt ơi! Cho e hỏi chút.

    Cài như thế nào để được mấy cái icon đẹp như của bác chỗ dưới cùng bài viết vậy?

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!