Thêm nút Share mạng xã hội cho blogspot của bạn

Việc có một blog rất đơn giản nhưng nếu các bạn muốn quảng bá blog của mình thì không thể thiếu nút share mạng xã hội được. Để tạo nút share mạng xã hội hiện ở bên trái màn hình như trang blogvuicuoilen rất đơn giản. Chỉ cần vài bước là các bạn có thể thêm nút share mạng xã hội cho blogspot của bạn, đơn giản mà đẹp.

Thêm nút Share mạng xã hội cho blogspot của bạn

Đầu tiên, đăng nhập vào trang web sau :

https://www.addthis.com

Chọn 1 hình thức đăng nhập (mình chọn đăng nhập với Email).

Đăng nhập xong sẽ hiện ra giao diện như sau: chọn Share button

Các bạn chọn Share Buttons nhé

Kế tiếp là các mục lựa chọn, tùy theo sở thích để các bạn lựa chọn hiển thi theo ý muốn. Như mình chọn như sau:

Sharing bottom: Chọn kiểu hiện thị đầu tiên (kiểu hiện bên trái)

Floating: Các bạn để mặc định cũng được 

Nếu không muốn mặc định các bạn có thể tùy chọn hiển thị một số mạng xã hội để share bằng cách bỏ chọn dòng Automatic (Recommented) tích vào Select your own. Mình chọn 5 mục hiển thị là facebook, google+, twitter, Pinterest và Linkedin

--> Save and Continue

Sau khi chỉnh xong cấu hình và nhận Save and Continue nó sẽ có một đoạn code cho các bạn:
<!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59f5fdab55e49e42"></script> 
Giờ các bạn đăng nhập lại vào Blogger, vào phần Chủ đề, Chỉnh sửa HTML, tìm </body>
Hãy copy đoạn code trên paste vào trước thẻ </body> rồi Lưu mẫu lại và hưởng thụ thành quả nhé. Phần này không có ảnh demo nữa, các bạn nhìn blog của mình là thấy liền ah.

Nếu các bạn muốn thay đổi kiểu hiển thị hay gì đó hãy vào lại trang addthis và sửa lại các tùy chọn rồi lưu lại là ok (không cần phải thay đổi gì trên blogspot nữa đâu nhé, nó sẽ tự kết nối và hiển thị theo thông tin bạn mới update)

Phần này quá dễ rồi chắc không ai hỏi gì nữa đâu nhỉ?

Bouns

Nếu các bạn không thích dùng script hay các trang ứng dụng như addthis vì nhiều lý do (sẽ nói lúc khác) thì bạn có thể sử dụng code sau:
<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/fb.png'/></a>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/gplus.png'/></a>
<a expr:href='&quot;https://twitter.com/share?text=&quot; + data:blog.pageName + &quot;&amp;amp;url=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/tw.png'/></a>
<a expr:href='&quot;https://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/pin.png'/></a>
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/ln.png'/>
Có 2 cách, 1 là bạn chèn vào sau bài viết, hai là các bạn chèn vào rồi fix vị trí giống như là nút cuộn trang là ok. Trong code trên các bạn có thể thay các dường dẫn màu vàng bằng các hình ảnh nút share khác nếu các bạn muốn 


Bình luận cho bài viết này:

Thủ thuật Blogspot

Thủ thuật Wordpress

Bài đăng nổi bật

About Vui Cuoi Len - 2LAN

Vui Cười Lên - Chào các bạn, blog này mình tạo ra thực chất cũng có chút tham vọng SEO nhưng nhiều hơn là mình muốn tự làm một trong blogge...

Thủ thuật SEO

Fanpage Vui Cười Lên

Bạn đang xem bài viết: Thêm nút Share mạng xã hội cho blogspot của bạn

Vui Cười Lên - Blog cá nhân của 2LAN

Mọi thông tin trên blog đều được giữ bản quyền bởi 2LAN. Các bạn nếu muốn lấy thông tin từ blog vui lòng ghi rõ nguồn Blogvuicuoilen.blogspot.com (2LAN)

Email: truongtienlam1988@gmail.com