Thanh chia sẻ bài viết lên các mạng xã hội (Floating Social Bookmark cho Blogspot)

Chủ Nhật, 8 tháng 4, 2012

Các Blog sử dụng WordPress thường sử dụng plugins hỗ trợ công cụ chia sẻ bài viết lên các mạng xã hội dạng trượt dọc theo Blog (Ví dụ: Eblogviet,…). Còn đối với các Blog trên nền tảng Blogspot thì sao? Câu trả lời là hoàn toàn có thể! Mời các Blogger tham gia phát triển thủ thuật này để chèn các Button của Linkhay, Tagvn và Zing nhé :love: [ Link hay thì tôi chèn được rồi nhưng khi Click vào không bật cửa sổ Popup :-|  nên chưa chèn vào :cool: ]
Hình DEMO:

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

Bước 1: Chèn phía trên thẻ: ]]></b:skin> đoạn Code sau:

#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}
#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}

Bước 2: Chèn Code sau vào trước dòng <div class=’post-header-line-1′/>



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='sharebox'>
    <div class='float'><script
     src='http://tweetmeme.com/i/scripts/button.js'
     type='text/javascript'/></div>
    <div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share'
    type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
    type='text/javascript'/><div class='clear'/></div>
    <div class='float'><a class='google-buzz-button' data-button-style='normal-count'
      href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
    <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
    <div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
    </div>
    </b:if>


Chúc bạn thành công!
Xem thêm bài viết cùng chuyên mục:

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn