Thêm nút Chia sẻ Floating vào Blogger

Đăng bởi Admin | 15/10/13 | 0 nhận xét

Chia sẻ nội dung bài viết trên các mạng xã hội là việc làm cần thiết với 1 blogger. Để thêm nút Chia sẻ Floating giống như Mashable vào Blogger, bạn hãy làm theo hướng dẫn sau:

Hướng dẫn làm theo :

Bước # 1:

- Đăng nhập vào Blogger , vào Layout -> Edit HTML và đánh dấu hộp chọn " Expand Widget Templates " 

Bước # 2:  Bây giờ tìm thấy (CTRL + F) đoạn mã này trong các mẫu:


]]></b:skin>

Và ngay lập tức dãn đoạn code bên dưới vào  trước nó:

#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 3: Tìm tiếp mã dưới đây:

<div class='post-header-line-1'/>dán đoạn code sau vào  trước nó:

<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>

Click Save Template

Hãy nhớ rằng, các tiện ích nổi có thể nhìn thấy chỉ dành cho bài viết trên blog, do đó tiện ích này sẽ không được hiển thị trên trang chủ blog của bạn.

Chúc bạn thành công!...

                                                                                  Tham khảo: bdlab.blogspot.com