Tạo hộp LIKE ở cuối bài viết của blog

Đăng bởi Admin | 14/4/13 | 14 nhận xét

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:

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ả!

                                                                                                     
                                                                                                                 Thu thuat vi tinh
Ghi rõ nguồn Thu thuat vi tinh (dưới dạng liên kết) khi phát hành lại bài viết này.