Thiết kế social media buttons cho blogger

Các bước thực hiện như sau:
1- Mỡ Blogger, vào template, tạo một Widget Edit HTML
2- Nhấn Ctrl+F tìm thẻ <div class='post-footer-line post-footer-line-1'>

3- Chép Source Code dưới đây dán vào dưới mã Code tìm được:

<div class="don-share" data-bubbles="top" data-limit="4">
 <div class="don-share-total"></div>
 <div class="don-share-facebook"></div>
 <div class="don-share-twitter"></div>
 <div class="don-share-google"></div>
 <div class="don-share-pinterest"></div>
 <div class="don-share-linkedin"></div>
 <div class="don-share-tumblr"></div>
 <div class="don-share-stumbleupon"></div>
 <div class="don-share-reddit"></div>
 <div class="don-share-hackernews"></div>
 <div class="don-share-buffer"></div>
 <div class="don-share-xing"></div>
 <div class="don-share-pocket"></div>
 <div class="don-share-fancy"></div>
 <div class="don-share-yummly"></div>
 <div class="don-share-scoopit"></div>
 <div class="don-share-weibo"></div>
 <div class="don-share-vk"></div>
 <div class="don-share-mailru"></div>
 <div class="don-share-odnoklassniki"></div>
 <div class="don-share-hatena"></div>
</div>
<script type="text/javascript"> 
 (function() {
 var dr = document.createElement('script');
 dr.type = 'text/javascript'; dr.async = true;
 dr.src = '//share.donreach.com/buttons.js';
 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr);
 })();
</script>

4- Save lại Templatebạn mới vừa bổ sung.
5- Cho Blogspot hoạt động thử để biết kết quả của hiệu ứng.
Bạn có thể thử mở thêm trang nầy để chép dán source code trên bài nầy vào kiễm tra thử:

• Hộp thử Test Html/JavaScript

Xem bản Demo:

http://ngdkhanh12.blogspot.com/2014/04/menu-button-xanh-duong.html

Chúc các bạn thành công với tài liệu chia sẽ mà mình đã Cóp được từ nguồn thebloggerguide.com

Khanhnguyen's Blog

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé.. 

Từ khóa : no keyword