13/10/13

Hướng dẫn Tạo Bookmarks ở cuối bài viết cho blog - style 1

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



Tạo Bookmarks ở cuối bài viết - sharing sexys - http://namkna.blogspot.com
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.

Bài viết này giới thiệu cách cài đặt một vài kiểu Bookmarks ở cuối bài viết Blogger.

Kiểu 1 sharing sexys

hình minh họa bên dưới
Tạo Bookmarks ở cuối bài viết - sharing sexys - http://namkna.blogspot.com

Bạn có thể xem lại tại đây

Kiểu 2 theo hình minh họa bên dưới.

Tạo Bookmarks ở cuối bài viết - sharing sexys - http://namkna.blogspot.com
Để làm được như vậy, bạn cần đăng nhập Blogger, vào Design (Thiết Kế) >> Edit HTML(Chỉnh sửa HTML), chọn Expand Widget Templates (Mở rộng tiện ích mẫu). 
Đặ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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zOgMXOLovD-Fx719MOtQmbXQaftrdDyR3xu6Ck3m88cBkv3cqQGhyphenhyphenLooGe26ilkb3bNFIAbpj0xKel0VJLU8rCcPdq48s3DUSBmyhx63LJl2qDJ5Bxy8mJpDrNEnwrXsLY_rbOBEkXcP/h120/sharebutton-namkna-blogspot-con.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 = 'namkna';
</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 namkna 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.

Lưu Template là OK.

Các bạn có thể xem thêm:


Chúc thành công!

                                                                                                         Theonamkna.blogspot.com

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva