Hứa Đồng VL

huadongvl.blogger.com

TẠO HỘP CHIA SẺ Ở CUỐI BÀI VIẾT CỦA BLOG

Nút Share rất hữu ích cho blogspot khi nó tích hợp nhiều trang mạng xã hội với liên kết chia sẻ bài viết góp phần phổ biến blog của bạn ra cộng đồng. Thông thường các blogger thích đặt nút Share ngay dưới tiêu đề bài viết, có thể ở vị trí bên trái hoặc dạt sang bên phải.

Hình ảnh minh họa:


http://thuthuatvitinhaz.blogspot.com/p/thu-thuat-blogspot-hay.html

Cách tiến hành.
1-Đăng nhập Blogger
2- vào Mẫu (Template)
3- Edit HTML (Chỉnh Sửa HTML)
4- chọn Expand Widget Templates (Mở rộng tiện ích mẫu).

4.1- Đặt dưới tiêu đề

- Tìm dòng
<div class='post-footer-line post-footer-line-1'/>

- Và đặt sau nó đoạn code bên dưới:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

.botpost{margin-left:-15px;width:615px;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:270px}
.wdt_button{float:left;margin:5px}
</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'>
Hãy like nếu bài viết có ích &#8594;
</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>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf' type='text/javascript'/>
<!-- AddThis Button END -->
</b:if>

- Lưu lại và xem thành quả!
Bạn vùa đọc bài viết: TẠO HỘP CHIA SẺ Ở CUỐI BÀI VIẾT CỦA BLOG , trong chuyên mục: Blogger / Blogger thủ thuật . Bạn có thể đánh dấu trang này với URL: http://huadongvl.blogspot.com/2013/07/tao-hop-chia-se-o-cuoi-bai-viet-cua-blog.html . Cảm ơn bạn!
Được viết bởi: Hứa Văn Đồng ; Địa chỉ: Nà Lộc, Vĩnh Lại, Văn Quan, Lạng Sơn. 7/17/13

1 bình luận cho " TẠO HỘP CHIA SẺ Ở CUỐI BÀI VIẾT CỦA BLOG "

  1. Sao không được vậy. Code bị lỗi rồi hay sao vậy

    ReplyDelete

Lên đầu trang