Header Ads

Bookmarks Share - Thủ thuật tạo Button chia sẻ cuối bài đăng cho Blogger

Thủ thuật blogger SexyBookmarks là một plugin như một menu gồm nhiều icon đại diện cho các trang mạng xã hội được đặt ở cuối mỗi bài viết giúp cho phép người đọc dễ dàng đưa bài viết của bạn lên các trang mạng xã hội phổ biến nhất một cách tự động.


Để làm được như vậy, bạn cần:
1 - Đăng nhập Blogger / Blogspot
2 - Mẫu >> Chỉnh sửa HTML.

Đặt đoạn code bên dưới vào trước dòng <div class='post-footer'>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both;margin-top:20px; '>
<div style='width:225px; float:left;'>
<img alt='Bookmark and Share' src='http://4.bp.blogspot.com/-ppbxYWi3aCs/Ua0_kALxIOI/AAAAAAAADZs/wXveLuFdtpg/s1600/sharebutton.png' title='Bookmark and Share'/>
</div>
<div style='width:65px; float:left;'>
<a expr:share_url='data:post.url' 
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>
<div style='width:65px; float:left;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'thietkeblogger';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<div style='width:65px; float:left;'>
<a class='DiggThisButton DiggMedium'></a></div>
<div style='width:65px; float:left;'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'></script></div>
<div style='width:65px; float:left;'>
<a class='google-buzz-button' data-button-style='normal-count' 
expr:data-url='data:post.url' href='http://www.google.com/buzz/post' 
title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
</div>
<div style='clear: both;'></div>
</b:if>
Trong đoạn code trên bạn cần thay thietkeblogger thành username_twitter của bạn, nếu không có có thể để nguyên.
Tiếp theo, đặt đoạn code sau đây vào trước thẻ </body>.
<script type='text/javascript'> 
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
Đoạn code này giúp cho nút Digg có tác dụng.
3 - Lưu Template là OK

Một số công cụ hỗ trợ thêm cho Blog của bạn. Chúc bạn nhận được nhiều kiến thức và thủ thuật hơn nữa:
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Để Thiết Kế Website được chuyên nghiệp hơn, đẹp mắt hơn bạn có thể vào Thiết Kế Web Plus để tìm hiểu thêm kiến thức.
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Để SEO website tốt hơn, lên TOP Google nhanh hơn và bền vững hơn thì vào Dịch Vụ SEO của Công Ty SEO chuyên nghiệp và uy tín.
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Kiến thức SEO website sẽ được cập nhật với các Thủ Thuật SEO chuyên nghiệp, đơn giản, dễ hiểu. Ai cũng có thể Làm SEO bạn biết không?
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Trao đổi Backlinktạo Backlink PageRank cao với Dịch Vụ Backlink uy tín với Backlink được cập nhật liên tục.
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Tham gia vào Diễn Đàn SEO để chia sẻ kinh nghiệm SEO và giúp website bạn vững TOP và trường tồn nhé.
Diễn đàn SEO, trao đổi kinh nghiệm và thủ thật SEO Wordpress cũng là lựa chọn không tồi của bạn, hãy thử Thiết kế Wordpress với các Thủ Thuật Wordpress sau đây nhé.
Post a Comment
Powered by Blogger.