Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]

Làm thế nào để thêm chia sẻ Like và share dưới mỗi bài viết của blogspot hoặc Website viết trên nền khác khác? 

Theo yêu cầu của 1 số bạn sử dụng blogger, thủ thuật này mình chia sẻ tiện ích Like và chia sẻ bài viết qua các mạng xã hội giống như trang itviet360.com đã sử dụng.
Với 1 dòng chữ chạy ngang ngay bên trên được sử dụng Marquee chữ chạy
- 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 tới 1 trong 4 Code sau

<div class='post-footer'>

hoặc

<div class='post-footer-line post-footer-line-1'>

hoặc

<div class='post-footer-line post-footer-line-2'>

hoặc

<div class='post-footer-line post-footer-line-3'>

3. Dán Code dưới đây ngay bên dưới 1 trong 4 code trên vừa tìm:

<marquee behavior='alternate' bgcolor='#FFFFCC' direction='left' scrollamount='1'><b> LIKE </b>hoặc <b>SHARE bài viết ^^ ủng hộ itviet360 nhé</b> </marquee>
<!-- Bat dau chia se -->
<div style='background:#f9f9f9;border-top:3px solid #bbb;border-bottom:1px solid #bbb; padding:10px 0px;margin:1px 0px 1px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-right:1px;'>
<div style='float:left;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>
<strong>Chia sẻ:</strong>
</div>
<a class='' name='zm_share' title='Chia sẻ lên Zing Me' type='button'>Chia sẻ</a>
<script src='http://stc.ugc.zdn.vn/link/js/lwb.0.7.js' type='text/javascript'/>
<script type='text/javascript'>var linkhay_title = '';</script>
<script type='text/javascript'>var linkhay_url = '';</script>
<script type='text/javascript'>var linkhay_desc = '';</script>
<script type='text/javascript'>var linkhay_style = '2';</script>
<script src='http://linkhay.com/widgets/linkhay.js' type='text/javascript'/>
</div>
<div style='float:right;padding-right:1px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div>
</div>

4. Lưu mẫu lại và vào 1 bài viết xem kết quả nhé. :) Chuyên mục: , , ,

1 comment:

  1. cảm ơn bạn về bài viết nhé , nếu đặt đúng vị trí giống trang bạn thì tìm đến dòng thứ mấy

    ReplyDelete