Hướng dẫn thêm nút Like +1 Share cuối bài viết Blospot

Thảo luận trong 'Hỗ trợ về mã nguồn, code' bắt đầu bởi nnduongpt, 28/12/14.

  1. nnduongpt

    nnduongpt Active Member

    Bài viết:
    44
    Đã thích:
    11
    Chào anh em 4rum, Hôm mình xin phép chia sẻ với các nhà 1 thủ thuật nhỏ cho blogspot, Hi vọng qua bài viết này sẽ giúp được anh em ít nhiều trong việc setup blogspot đẹp.

    Để tạo được nút Like +1 Share cuối bài viết Blospot bạn làm như sau:

    Bước 1: Đăng nhập Blogspot ==> Templates(Mẫu) ==> Edit HTML (chỉnh sửa HTML)

    ==> Khuyến khích các bạn down toàn bộ code về rồi sửa bằng Notepad ++ . Chú ý trước khi sửa sao lấy 1 bản gốc để tránh trường hợp code lỗi ko khôi phục được

    Bước 2: Tìm một trong các đoạn code bên dưới:


    Đoạn 1:
    <dataost.body/>
    Đoạn 2:
    <div class='post-footer'>
    Đoạn 3:
    <div class='post-footer-line post-footer-line-1'>
    Đoạn 4:
    <div class='post-footer-line post-footer-line-2'>
    Đoạn 5:
    <div class='post-footer-line post-footer-line-3'>
    Rồi thêm đoạn code dưới đây xuống dưới đoạn code trên (chú ý thay lần lượt chứ không phải thay tất nhé. Bạn thay từng cái 1 lưu temp lại và ra load lại trang xem nó hiển thị đúng chưa nếu đúng rồi thì ok đã thành công nhé)
    <b:if cond='data:blog.pageType == "item"'>
    <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;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:bold 13px Arial;color:#666'>

    LIKE and Share this article:

    :
    </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' glusone: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>
    Các bạn lưu lại ra check lại xem hiển thị ok chưa

    Chúc các bạn thành công ! Gặp vấn đề gì vui lòng comment xuống dưới để được hỗ trợ
    Demo: Giấy dán kính phản quang hoặc tại đây: Giấy dán kính
     
    Đang tải...
  2. thaonguyensq

    thaonguyensq Active Member

    Bài viết:
    33
    Đã thích:
    0
    Thêm cái này tiện thật nhưng nó có làm cho web nặng hơn không bác :D
     
  3. taigamesq

    taigamesq Well-Known Member

    Bài viết:
    71
    Đã thích:
    1
    Mình thấy cái này hay nè, bây giờ hầu như blog nào cũng có :)
     
  4. rpetrica79

    rpetrica79 Member

    Bài viết:
    11
    Đã thích:
    0
    cái nay blogger nó có sẳng rồi chỉnh code nó chi cho rắc rổi, zây
     
  5. slow123

    slow123 Active Member

    Bài viết:
    32
    Đã thích:
    0
    Cái này blog hỗ trợ sẵn rồi mà nhỉ chỉnh như vậy lằng nhằng lắm
     
  6. sanakydung

    sanakydung Well-Known Member

    Bài viết:
    502
    Đã thích:
    14
    cái này trên mạng có chia sẻ đầy đủ các nút g+ face twitter theo hàng dọc và hàng ngang đấy bạn
     
  7. Thùy Dung

    Thùy Dung Moderator

    Bài viết:
    761
    Đã thích:
    139
    việc sử dụng các nút mạng xã hội thực sự rất có lợi cho web site của bạn nó sẻ tăng khả năng được nhiều người biết đến hơn và củng được google ưu tiên hơn
     
  8. vuongseo

    vuongseo Well-Known Member

    Bài viết:
    153
    Đã thích:
    14
    cái này nhiều themme nó cũng có sẵn rồi mà,mà em để ý hầu như là có hết bác ak
     
  9. lanhuongit

    lanhuongit Well-Known Member

    Bài viết:
    49
    Đã thích:
    3
    Đúng nhiều theme có sẵn, nhưng bài này bổ ích cho blog nào cho có mà các bác
     
  10. philaomientrung

    philaomientrung Well-Known Member

    Bài viết:
    75
    Đã thích:
    47
    Làm thêm cái bình luận ở dưới nữa thì ngon
    bình luận mà lấy id của facebook mình làm admin khi bình luận thông báo ấy, có thể xóa,...
    ai không biết mình hướng dẫn cho nè
     
Đang tải...
Đang tải...