Khung chia sẻ bài viết blogspot hiển thị chi tiết tác giả bài viết

Thủ thuật thêm chia sẻ bài viết dưới mỗi bài viết của blogspot đã được itviet360 giới thiệu qua Like và chia sẻ bài viết blogspot theo mẫu của itviet360 version1. Bài viết này mình đã chỉnh sửa và thay luôn chia sẻ cho trang itviet360.
Khung chia sẻ bài viết blogspot hiển thị tác giả, phong vu computer


- Với thủ thuật này chúng ta có:
+ Làm thủ thuật đơn giản
+ Tự động cập nhật tác giả bài viết
+ Sử dụng Like & Share của Addthis nhẹ nhàng, đủ các mạng xã hội + trang chia sẻ
+ Tùy biến dễ dàng
CÁCH THÊM THỦ THUẬT:
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) tìm đến 
<div class='post-footer-line post-footer-line-1'/>
(Nếu có 3 dòng như thế này thì chọn dòng thứ 2 từ trên xuống)
3. Dán đoạn code dưới đây xuống đoạn code vừa tìm được ở trên

<!-- Chia se moi -->

<style>

.botpost{margin-left:-15px;width:666px;height:68px;border-top:1px solid #0443A1;border-bottom:1px solid #0443A1;background: #EDF7CD;padding-top:5px;margin-bottom:10px}

.nhan {float:left;width:160px;padding:0 10px 0 10px}
.sendmailp {float:left;width:130px}
.google {float:left;width:260px}
.wdt_button{float:left;margin:5px}
.itviet360 {float: left; width: 95px}
</style>
<div class='botpost'>
<div class='nhan'>
Đăng bởi <a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author' target='_blank'><data:post.author/></a>
</div>
<div class='sendmailp'>
<b>Like</b> hoặc <b>Share</b> ủng hộ những bài viết của itviet360 nhé <img src='http://2.bp.blogspot.com/-lMjnz4PUgRo/T5LxjMggATI/AAAAAAAAB8Y/Iawz5yYuv3w/s1600/muiten.gif'/>→
</div>
<div class='google'>
<div class='wdt_button'><a class='addthis_button_facebook_like' fb:like:layout='box_count'/></div>
<div class='wdt_button'><a class='addthis_button_tweet' tw:count='vertical'/></div>
<div class='wdt_button'><a class='addthis_button_google_plusone' g:plusone:size='tall'/></div>
<div class='wdt_button'><a class='addthis_counter'/></div>
</div>
<div class='itviet360'>ITViet360 chia sẻ thông tin và kết nối</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf' type='text/javascript'/>
<!-- AddThis Button END -->
<!-- Ket thuc chia se moi -->

Trong đó: các con số lưu ý trong phần bôi vàng các bạn tùy chỉnh rộng phù hợp với blog của mình nhé.

Chuyên mục: , , ,

4 comments:

  1. Có cách nào để tiện ích này chỉ hiển thị khi vào xem chi tiết từng bài viết được ko em? Vì hiện tại nó hiển thị cả ra trang chủ, nhìn rối mắt lắm em ạ! Phong chỉ giúp anh chỗ này em nhé! Cảm ơn em trước nha.

    ReplyDelete
  2. Anh tìm mãi ko thấy Widget của tiện ích này ở chỗ nào để làm. Loay hoay mãi thế là bị lỗi luôn. Phong chỉ cho anh cái widget của tiện ích này thì sửa chỗ nào với. Thanks em!

    ReplyDelete
    Replies
    1. Anh muốn thêm ở blog nào. Tiện ích a vào bố cục -> Chỉnh sửa là thấy được tiện ích đó là gì theo hướng dẫn ở bài link em comment ở trên nhé

      Delete