vnbacklink

Với tiện ích này làm cho blog bạn pro hơn các nút cổ điển có sẵn trên blog, bạn chỉ cần copy toàn bộ code vào một tiện ích Widget -> HTML / Javascript trong phần tử trang hoặc trong template ngay sau thẻ <body>

Các bước thực hiện như sau:

Vào phần tử trang.
Thêm Widget mới hoặc Widget đã có sẵn [ Tiện ích này nên đưa sau Widget bài đăng trên Blog là đẹp nhưng không có nút Google +1, hoặc vào Widget bên trái hoặc Widget bên phải thì bạn nên điều chỉnh các thông số cho phù hợp blog bạn ].
Nếu bạn muốn hiện nút Google + 1 thì phải dán vào Chỉnh sửa HTML dưới ngay sau thẻ <body> và phải chỉnh sửa thông số như ở phần lưu ý ở dưới trong bài viết này.
Chọn nhúng HTML/Javascript, dán code vào.
Lưu tiện ích.

Code:

<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from http://vnbacklink.blogspot.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">
Get <a href="http://vnbacklink.blogspot.com/p/go.html?url=http://vnbacklink.blogspot.com/2011/11/them-nut-share-float-chia-se-nhu-trang.html">widget</a></div>

</div>

Lưu ý: Để hiện thị khắc phục không hiện nút Google + 1 khi bạn dán code ở Widget, thì các bạn dán code này trong vào ở Chỉnh sửa HTML ngay sau thẻ <body> và thay thế phần code margin-left:-71px; thành code này left:10px;

Hoặc lấy code này đã chỉnh sửa sẵn:

Code:

<style type="text/css">
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from http://vnbacklink.blogspot.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">
Get <a href="http://vnbacklink.blogspot.com/p/go.html?url=http://vnbacklink.blogspot.com/2011/11/them-nut-share-float-chia-se-nhu-trang.html">widget</a></div>

</div>

Tùy biến, bớt đi một số nút, bạn chỉ cần xóa các thành phần code VD như sau là được:

Code:

Lưu mẫu hoặc xem trước và xem thành quả.

Please share it! :(

Thứ Tư, 9 tháng 11, 2011

Thêm nút share float chia sẻ bên trái blog

Chuyên mục bạn quan tâm nhất

Chủ đề quan tâm nhiều hôm nay

Thống kê truy cập Auto liên kết