Thứ Ba, 4 tháng 6, 2013

Hướng dẫn tạo hộp chia sẻ nút like ở cuối bài viết blogger

Hướng dẫn tạo hộp chia sẻ mạng xã hội  ở cuối bài viết blogger,Hướng dẫn Thủ thuật tạo 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 phần mềm hay 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 demo

hộp chia sẻ nút like


Cách tiến hành thủ thuật này.
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 đề bài viết

- Tìm dòng
<div class="post-footer-line post-footer-line-1"></div>
- Và đặt sau nó đoạn code bên dưới:
<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</div>
<div class="sendmailp">
Hãy like nếu Thủ thuật có ích →</div>
<div class="google">
<div class="wdt_button"></div>
<div class="wdt_button"></div>
<div class="wdt_button"></div>
<div class="wdt_button"></div>
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf">// <![CDATA[
<!-- AddThis Button END -->
</b:if>
- Lưu lại và xem thành quả!
Chúc bạn thành công với thủ thuật hữu ích này

Tìm kiếm liên quan:

Tao nut like duoi bai viet
hop chia se cuoi bai viet blogspot
Tạo nút like cuoi bai viet
Tao nut chia se cuoi bai viet

Không có nhận xét nào:

Đăng nhận xét