Nút chia sẻ liên kết qua G+, Facebook, Twitter cho Blogspot, Web

Goolge Plus, Facebook, Twitter...đều là những mạng xã hội được người dùng internet quan tâm. Facebok đã trở lên quá phổ biến với người dùng internet tại Việt Nam, mỗi máy tính mở lên có kết nối internet chắc chắn sẽ có kết nối Facebook. Việc sử dụng những chia sẻ của mạng xã hội làm tăng độ uy tín của Website, Blog của bạn. Ngoài ra nó giúp bạn quảng bá cực tốt và có lượng truy cập đến kha khá nếu như nội dung của bạn được bạn đọc chia sẻ nhiều.
Tiện đây nhắc luôn: Vào nhà tớ mà không chia sẻ là dễ bị ghẻ lắm đấy nhé. :D
Ở bài viết này, Phong chia sẻ với bạn đọc cách thêm nút chia sẻ link Web, Blog qua G+, FB, Twitter. Với những thủ thuật Blogspot mình chia sẻ luôn hướng tới sự cần thiết có trong 1 blog.

Demo trực tiếp tại: Blog làm đẹp

Hướng dẫn thêm nút chia sẻ liên kết qua G+, Facebook, Twitter

1. Trên nền tảng Blogspot

- Bạn vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
- Dán code dưới đây vào tiện ích vừa thêm

<style>
#floatingbuttons {
position: fixed;
bottom: 25%;
float: left;
padding: 0px 0px 3px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-radius: 5px 5px 5px 5px;
z-index: 10;
right: 95%;
border: 0px solid rgb(128, 128, 128);
}
#floatingbuttons .floatbutton{
float:left;
clear:both;
margin:5px 4px 0 4px;
}
.addbuttons{
clear:both;
text-align:center;
padding-top:5px;
} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{
color:#fff;
background:none;
font-family:arial, sans-serif;display:block;font-size:9px;
font-weight:bold;
text-decoration:none;
line-height:11px;
}
.addbuttons a:hover span{
color:#fff;
background:none;
text-decoration:underline;
}
</style>
<br/>
<div id='floatingbuttons' title='Share this post!'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<div class='floatbutton' id='facebook'>
<fb:like font='' layout='box_count' show_faces='false'/>
</div>
<div class='floatbutton' id='google+1'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
<g:plusone size='tall'/>
</div>
<div class='floatbutton' id='twitter'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a>
</div>
</div>

- Lưu tiện ích lại và thấy kết quả.

2. Trên nền tảng Website mã nguồn khác.

Đối với Website xây dựng trên Wordpress, Joomla, Drupal, ASP.net...và những nền tảng khác, bạn hoàn toàn đưa được vào với việc sử dụng code trên chèn vào trong nội dung <body> ... </body> của trang Web.

3. Nếu bạn cần hỗ trợ

Bạn có thể comment trực tiếp tại nội dung bài viết này. Mình nhận được comment của bạn sẽ phản hồi lại ngay.
Chúc các bạn vui vẻ !

Vũ Văn Phong

Nút chia sẻ liên kết qua G+, Facebook, Twitter cho Blogspot, Web

Hướng dẫn thêm nút chia sẻ liên kết qua G+, Facebook, Twitter