GTV - 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='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/fb.png'/></a>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
<a expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/gplus.png'/></a>
<a expr:href='"https://twitter.com/share?text=" + data:blog.pageName + "&amp;url=" + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/tw.png'/></a>
<a expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/pin.png'/></a>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url' rel='nofollow' target='_blank'><img src='http://traumvietnam.com/wp-content/uploads/2018/03/ln.png'/>
