Nhúng Like và chia sẻ mạng xã hội vào dưới chân mỗi bài viết trên blog

Một bài viết trình bày gọn gàng, rõ ràng đúng nội dung theo tiêu đề bài viết luôn thu hút người đọc và đặc biệt phần chia sẻ mạng xã hội là không thể thiếu trong phần bố cục mỗi bài viết.

Phần chia sẻ có thể nằm ngay dưới tiêu đề bài hoặc cũng có thể dưới phần chân nội dung bài viết theo Tuấn nghĩ nằm dưới nội dung thì hay hơn vì khi người đọc hết bài viết có thể hành động bằng nút Like hoặc Share luôn.

Đa số các tempelate hiện nay đều có phần chia sẻ bài viết dưới nội dung bài đăng nhưng không có phần Like và thiếu mạng chia sẻ hoặc bố trí không phù hợp.

Để làm được như demo hình bên trên rất đơn giản các bạn làm theo hướng dẫn của Tuấn bên dưới

Đầu tiên các bạn đăng nhập vào Blogger chọn Mẫu »chỉnh sửa HTML bấm Ctrl+F tìm đoạn code có tên:
<div class='post-footer-line post-footer-line-2'>

Tiếp đó bạn paste đoạn code này ngay dưới nó:

<b:if cond='data:blog.pageType == "item"'> <div style='width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'> <div style='float:left;padding:1px 0;margin-right:15px;font:normal 15px Arial;color:#333'> Like và Share bài viết này: </div> <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=ra-4f57432236fb4dee' type='text/javascript'/> </div> </b:if>

Chỉnh sửa các dòng chữ màu đỏ cho phù hợp với blog của bạn hay để nguyên cũng được. Cuối cùng lưu lại là xong. Các bạn có thể xem demo ngay sau đoạn viết này.

Thay vì bạn phài chia sẻ bài viết thì hãy để người đọc tự Like và Share bài viết của bạn luôn. Chúc blog của bạn có nhiều lượt view.