Nút Share rất hữu ích cho blogspot khi nó tích hợp nhiều trang mạng xã hội với liên kết chia sẻ bài viết góp phần phổ biến blog của bạn ra cộng đồng. Thông thường các blogger thích đặt nút Share ngay dưới tiêu đề bài viết, có thể ở vị trí bên trái hoặc dạt sang bên phải.
Cách tiến hành.
1-Đăng nhập Blogger
2- vào Mẫu (Template)
3- Edit HTML (Chỉnh Sửa HTML)
4- chọn Expand Widget Templates (Mở rộng tiện ích mẫu).
4.1- Đặt dưới tiêu đề
- Tìm dòng<div class='post-header'>
Hoặc dòng:
<div class='post-header-line-1'/>- Và đặt trước nó với đoạn code dưới.
<b:if cond='data:blog.pageType == "item"'> <!-- AddThis Button BEGIN --> <div style="float:right" class="addthis_toolbox addthis_default_style"> <a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4d2267003d6799cf" class="addthis_button_compact">Share</a> <span class="addthis_separator">|</span> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf"></script> <!-- AddThis Button END --> </b:if>
4.2- chèn cuối bài viết bạn
- Tìm dòng<div class='post-footer-line post-footer-line-1'/>hoặc
<div class='post-footer-line post-footer-line-2'/>hoặc
<div class='post-footer-line post-footer-line-3'/>- Và đặt sau nó với đoạn code dưới:
<b:if cond='data:blog.pageType == "item"'> <!-- AddThis Button BEGIN --> <div style="float:right" class="addthis_toolbox addthis_default_style"> <a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4d2267003d6799cf" class="addthis_button_compact">Share</a> <span class="addthis_separator">|</span> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf"></script> <!-- AddThis Button END --> </b:if>
Tùy chỉnh!
- Nếu muốn nút Share nằm ở bên trái thì đổi float:right thành float:left.
- Nếu muốn nút Share gọn hơn (chỉ bao gồm nguyên nút share) thì bỏ phần được đánh dấu màu đỏ trong đoạn code nói trên.
- Bạn có thể xem thêm: Tạo Bookmarks ở cuối bài viết
Chúc thành công!
Nhận xét
ADMIN CHỈ MÌNH CÁCH TẠO NHƯ PHẦN CUỐI MỖI BÀI VIẾT CỦA ADMIN ĐƯỢC CHỨ.
Trả lờiXóaCÁI PHẦN <
Hãy like nếu bài viết có ích →
> ĐÓ (TẠO NÚT LIKE CHO MỖI BÀI VIẾT)
ADMIN CHỈ MÌNH CÁCH TẠO NHƯ PHẦN CUỐI MỖI BÀI VIẾT CỦA ADMIN ĐƯỢC CHỨ.
Trả lờiXóaCÁI PHẦN <
Hãy like nếu bài viết có ích →
> ĐÓ (TẠO NÚT LIKE CHO MỖI BÀI VIẾT)
Dễ thôi mà, bạn cần gấp không mình share free cho ?!
XóaSHAERE MÌNH VỚI NHÉ
Trả lờiXóaCủa bạn nè.
XóaNhớ sang nhà mình chơi nhé ^^
View source là thấy ngay. Nhưng đoạn đó còn thiếu scip chạy button đó.
Xóa<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf"></script>
<!-- AddThis Button END -->
sao mình làm hok thấy nó hiện nút share nhỉ
Trả lờiXóaNhận xét này đã bị tác giả xóa.
XóaNhầm:))))))
Xóa<!-- FAST SHARING SCRIPT -->
<!-- TWITTER SCRIPT -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- G+ SCRIPT -->
<!-- Place this render call where appropriate -->
<script type='text/javascript'>gapi.plusone.go();</script>
<!-- STUMBLEUPON SCRIPT -->
<!-- Place this snippet wherever appropriate -->
<script type='text/javascript'>
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = 'https://platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
<!-- AddThis Button END -->
VẬY CỤ THỂ LÀ LÀM THẾ NÀO VẬY??? TỰ NHIÊN THẤY ADMIN ĐƯA RA ĐOẠN CODE MÀC HẢ BIẾT THAY HAY CHÈN THẾ NÀO CẢ
Trả lờiXóaAI HƯỚNG DẪN CỤ THỂ MÌNH VỚI NHÉ ĐÓ (TẠO NÚT LIKE CHO MỖI BÀI VIẾT)>
Trả lờiXóaBạn tải đoạn mã bên dưới về và thêm vào sau thẻ: <data:post.body/>
Xóaxem code: click here
bác làm em rối tinh rối mù lên . cuối cùng là chẳng bít chèn code nào .
Trả lờiXóa@ => Em làm theo -Để chèn ngay dưới tiêu đề bài viết bạn Tìm dòng div class='post-header' Và đặt trước nó với đoạn code dưới.
Chẳng thấy nút share gì cả
Rồi làm theo cái :
Nam Tạ 09:28 Ngày 23 tháng 1 năm 2013
Nhầm:))))))
-- FAST SHARING SCRIPT
... Cũng hok thấy .
Bác hướng dẫn kỹ lại cho anh em " Rực Rỡ" đi
Thanks bác
Nếu muốn làm thủ thuật như bài này chỉ cần làm theo hướng dẫn trong bài là oke. Còn nếu muốn như bạn Đào Đắc Đạt thì bạn xem commnet thứ 13 nha.
XóaBlog của bạn không có thẻ post-header mà chỉ có thẻ post-header-line-1 nên bạn cứ chèn vào. Đặt ở trên hay dưới thì tuỳ ý thích.
XóaTHANK ADMIN! ah mình hỏi chút xíu nhé khi nhấn like hay G+1 có cái khung để post chia sẻ nhưng nó to quá ko nhìn thấy nút Post thì chỉnh size khung nó thế nào admin nhỉ?
Trả lờiXóaCác nút này mặc định form chia sẻ từ nhà cung cấp. Không thể can thiệp vào form đó đau bạn.
XóaNam à, sao mình dán code vào mà không thấy nó hiển thị gì vậy? Dán để hiện dưới tiêu đề bài viết cũng không thấy, cuối bài viết cũng không, mà dán để hiển thị giống của bạn cũng không nốt...Giúp mình với...
Trả lờiXóaBạn chú ý tất cả ccs đoạn code như:
Xóa<div class='post-footer-line post-footer-line-1'/>
hoặc
<div class='post-header-line-1'/>
- Đều có 2 đến 3 đoạn như vậy. Bạn phải đặt code đúng vị trí mới được nha.
Ý Nam là đặt code vào cả 2 hoặc 3 đoạn giống nhau ấy ?
Trả lờiXóaĐọc bài viết của bạn cùng với ý kiến của mọi người cũng thấy hơi rắc rối. Nhưng cuối cùng mình cũng làm được rồi. Cảm ơn Nam nhiều lắm!... Share the happiness of none ...
Trả lờiXóaMình Share lại Ở ĐÂY để tiện theo dõi nha...
- Không cần thiết chỉ càn đặt đúng đoạn thôi bạn ak. Nếu đặt tất cả những đoạn đó sẽ ảnh thưởng tới load đó/
Xóa- Chúc mừng bạn ./.