Khi lướt mạng lấy thông tin, bạn thường thấy ở cuối các bài viết hay có nút Like, Share để ủng hộ bài viết đó. Thì hôm nay tôi sẽ hướng dẫn các bạn thêm nút Like +1 Share vào cuối bài viết cho blogspot.
Hướng dẫn thêm nút Like +1 Share vào cuối bài viết cho Blogspot:
Bước 1: Chọn Mẫu >> Chỉnh sửa HTML
Bước 2: Tìm đoạn code sau:
Blog có nhiều loại khác nhau nên đoạn code cần tìm sẽ khác nhau. Vì vậy, bạn cần chú ý xem blog của mình chứa đoạn code nào trong các đoạn code sau nhé:
Đoạn 1:
<data:post.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'>
Sau khi bạn tìm ra đoạn code trên thì bạn thêm đoạn code bên dưới xuống dưới đoạn code đó nhé. Lưu ý, nếu blog của bạn tìm thấy nhiều đoạn 1,2,3,4... thì nên thêm vào dưới từng cái 1 và save lại ra kiểm tra thử.
<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'>
<strong>
LIKE and Share this article:
</strong>
:
</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úc các bạn thành công :P
Xem thêm thủ thuật blog hay: Code tạo banner quảng cáo 2 bên cho blogspot
