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Ình ảnh demo
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
Chúc bạn thành công với thủ thuật hữu ích này
Không có nhận xét nào:
Đăng nhận xét