Tạo nút chia sẻ độc đáo cho blogspot - thủ thuật

Thủ thuật blogger hôm nay mình chia sẻ tới các bạn là thêm chia sẻ sống động, độc đáo cho blogger. Như những thủ thuật về chia sẻ bài viết, chia sẻ trang blog mình đã hướng dẫn ở trước thì thủ thuật này có vẻ làm cho blog sống động hơn với hiệu ứng rê chuột để bay ra những nút chia sẻ qua các mạng xã hội như: Facebook (FB), Google Plus (G+), Twitter, Pinterest, Email.

Demo thủ thuật: DEMO

CÁCH LÀM THỦ THUẬT:

1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript

2. Dán Code dưới đây vào tiệc ích vừa thêm


<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- Hướng dẫn thủ thuật http://itviet360.com -->

3. Lưu tiện ích và xem kết quả

---

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

Chuyên mục: Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger