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

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.

thiet-ke-menu-cho-blogspot

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 

Từ Khoá

Đăng nhận xét

0Nhận xét
Đăng nhận xét (0)

#buttons=(Chấp nhận !) #days=(20)

Trang web của chúng tôi sử dụng cookie để nâng cao trải nghiệm của bạn. Tìm hiểu thêm
Accept !