Button chia sẻ bài viết blogger qua các mạng xã hội

Chia sẻ bài viết của mình qua các mạng xã hội như Facebook, twitter,... luôn được blogger hướng đến. Việc chia sẻ này giúp nhiều người biết tới bài viết của bạn hơn -> tăng traffic cho site. Đó là thủ thuật dành cho SEO không thể thiếu. Nếu để ý bài các bài viết về thủ thuật blogger thì mình cũng đã nói về vấn đề này và có những mẫu chia sẻ bài viết khác nhau.
- Hôm nay mình chia sẻ thêm 1 mẫu chia sẻ mới, và cách làm cũng tương tự, không phức tạp.
chia se bai viet qua cac mang xa hoi
DEMO thủ thuật
* Cách làm thủ thuật:
- Đăng nhập vào bảng điều khiển Blog -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) -> Mở rộng mẫu HTML -> (Expand Widget Templates)
- Tìm đến đoạn code dưới đây:
<data:post.body/>
Có khoảng 4 kết quả tìm thấy cho code đó. Các bạn nên lựa chọn kết quả sau cùng nó có dạng như

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>

- Dán đoạn code dưới đây ngay bên dưới nó:

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://3.bp.blogspot.com/_T46SliM0-PI/TBxItFf8w0I/AAAAAAAAAX4/1KVZWVrr25Y/stumble.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIrlU_miI/AAAAAAAAAXo/YLkqSHdHkX0/delicious.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://2.bp.blogspot.com/_T46SliM0-PI/TBxItoeFMKI/AAAAAAAAAYA/SY_c0seqlNg/technorati.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIuE5tqyI/AAAAAAAAAYI/cVgsyNJ8AFc/twitter.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIsAVFLvI/AAAAAAAAAXw/CR1hLB_rJeo/facebook.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

- Lưu mẫu (Save template) và xem kết quả nhé !

Chúc các bạn thành công !
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận