Hua Minh Toan-Blog Chia Se

* Các bạn có thể Chat cộng đồng tại đây => Click
Chia sẽ cảm xúc, thủ thuật...

Hướng dẫn 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 == &quot;item&quot;'>
                      <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.
Share on Google Plus

Thông Tin: Unknown

Xin chào tất cả các bạn, cảm ơn tất cả mọi người đã ghé thăm Blogs của Toàn, Mình là dân công nghệ nên rất đam mê tìm tòi nghiên cứu nhiều thứ về công nghệ để chia sẽ và Support cho nhiều người, "nếu cần tôi giúp đỡ điều gì hãy để lại Comment " hoặc qua Zalo: 01885533411! Thân chào.
    Blogger Comment
    Facebook Comment

0 Nhận xét :

Đăng nhận xét