Thêm nút chia sẻ mạng xã hội vào bài viết Blogspot

Thêm nút chia sẻ lên mạng xã hội vào các bài viết luôn rất quan trọng đối với trang web nào. Điều này giúp thu hút người biết đến website của bạn, những nút chia sẻ mạng xã hội này sẽ là công cụ giúp người xem có thể chia sẻ những bài viết của bạn lên MXH một cách nhanh chóng.

Thêm nút chia sẻ mạng xã hội vào bài viết Blogspot
Nếu người xem thấy những button chia sẻ mạng xã hội này, và chỉ một vài người trong số họ chia sẻ bài viết lên đó thì sẽ tạo ra những điều thuận lợi cho bạn trong SEO, đồng thời tăng lượt truy cập vào website của bạn.

Ở đây mình chỉ hướng dẫn thêm vào cuối bài viết, vì sau khi xem bài viết, người xem sẽ không thích thú lắm với việc cuộn trang lên lại để bấm share cho bạn, vì vậy các button chia sẻ mạng xã hội nằm cuối bài viết sẽ là lựa chọn tốt nhất.

Làm thế nào để thêm nút chia sẻ mạng xã hội vào cuối bài viết Blogspot?

- Vào trang quản trị của Blogger, tiếp tục vào Template (Mẫu)
- Bạn tìm kiếm đoạn code sau:

<div class='post-footer'>

- Có thể  sẽ có tới 2 - 4 vị trí, tùy vào template. Tuy nhiên nên chọn vị trí cuối cùng.
- Paste đoạn code dưới đây vào phía dưới đoạn code đã tìm kiếm ở trên:

<!-- Button chia sẻ mạng xã hội -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ec4dd3d1e59e9dc' type='text/javascript'/>
<!-- Kết thúc button chia sẻ mạng xã hội  -->

Sau khi paste xong thì hãy lưu template lại và vào một bài viết nào đó để kiểm tra xem. Nếu không xuất hiện hãy thử với các vị trí khác nhé :D 

Thế là bạn đã thêm được nút chia sẻ mạng xã hội vào bài viết blog để giúp người xem có thể dễ dàng chia sẻ bài viết rồi. Và đoạn code trên sử dụng những nút (button) chia sẻ có sẵn. Tuy nhiên bạn có thể thay thế nó bằng những nút chia sẻ khác!

Post a Comment

  1. ads ơi share mình cái code bài viết liên quan 2 cột giống web ads đc k :( mình cảm ơn

    ReplyDelete
    Replies
    1. OK, để hôm nào rảnh mình trích code đưa cho nhé :-d

      Delete
  2. Xin code nhận thông tin qua email góc phải dưới đi...

    ReplyDelete
    Replies
    1. Code này lấy qua RSS đó. Cái này tùy vào RSS của từng tài khoản nên không dùng chung được. Có gì mình sẽ viết bài hướng dẫn sau :D

      Delete
  3. Có cách nào đặt code này vào giữa bài viết trong blog không bạn ơi.

    ReplyDelete
    Replies
    1. Có cách, nó tương tự như cách đặt quảng cáo vào giữa bài viết thôi :D Nếu bạn chưa biết thì hôm nào mình hướng dẫn nhé :D

      Delete
    2. Ok bạn. Mình cần đưa cái đó vào một chổ tùy ý trong bài viết để người đọc dễ tương tác. Có gì bạn cho bài hướng dẫn nhé!
      Thank bạn!
      :d :)

      Delete
  4. Bài viết rất hay. Ban có thể chỉ giúp mình chi tiết cách hiện quảng cáo của google lên blog được không

    ReplyDelete
    Replies
    1. Trước tiên bạn phải có 1 tài khoản quảng cáo Google Adsense đã. Bạn có tài khoản quảng cáo này chưa? :D

      Delete
  5. Cảm ơn bạn đã chia sẻ...mẫu template của bạn luôn nè, rất đẹp, mình rất thích nó, nếu bạn ở TPHCM anh em mình gặp nhau cafe nhỉ
    http://www.gatasonca.net/

    ReplyDelete
  6. bạn ơi giúp mình với Seach có 2 cái div class='post-footer' nhưng đặt code đều không được
    trag của mình http://www.suamayintaihanoi.net/ kiểm tra giúp mình với nhé cảm ơn!

    ReplyDelete

[blogger]

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.