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='https://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!
_CTPG_

Trần Bá Đạt (_CTPG_)

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.info là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, BlogspotWindows

Post a Comment

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

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

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

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

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

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

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 :)

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

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

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/

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!

sao mình làm theo hương dẫn mà vẫn không thấy xuất hiện vậy bạn ơi ?

Mình chưa hiểu cho lắm @@

mọi người vô http://batdongsan79h.com xem hộ mình sao làm mãi k đc :/

Mọi người ơi có tận hơn 4000 dòng lận e tìm hoài mà không thấy dòng div class = 'post footer' đâu cả huhu :((

Bạn biết cách viewsource không? Nếu biết thì thử tìm code nằm ở chổ vị trí bạn thêm vào rồi tự thêm vào thử :D

Bây giờ mỗi thằng blog code 1 kiểu không theo kiểu chung nào nên cái này bị thay đổi, có lúc đúng lúc không. Các bạn cần học cách view-source để coi vị trí chèn vào :D

Không biết thì mình chịu. Bạn Google cách inspect element phần tử trang web thử đi :)

Trang web không hoạt động bạn ơi =))

Giống của bác đẹp quá share đi bên tay phải đó :)

[blogger]

Contact Form

Name

Email *

Message *

Javascript DisablePlease Enable Javascript To See All Widget