Tạo bộ nút like, G+, tweet và share cho blog

  Khi seo, chúng ta không thể bỏ qua mạng xã hội, đây là mảnh đất màu mở cho nh em seoer khai thác. Các mạng xã hội có lượng truy cập lớn nên nếu bạn đang link hay share gì đố lên mạng xã hội là sẽ có ngay hàng chục lượt truy cập.

   Các mạng xã hội lớn hiện nay như facebook, twetter G+.các mang xã hội này rất nổi tiếng, có lợi khi seo, vậy thì sao chúng ta không khai thác sức mạnh của nó. Các lượt like, tweet, G+ giống như một phiếu bầu uy tín cho website/ blog của bạn.

   Do vậy nên hôm nay mình chia sẽ cho anh em code tạo bộ nút like, G+ tweet và Share trược dọc cho blogger.

-         đầu tiên các bạn vào Bố Cục >> thêm tiện ích >> Javascript/HTML

-         copy đoạn code bên dưới và dán vào phần nội dung. Tiêu đề khỏi nhập

<style>
/* Fixed Positioned AddThis Toolbox */
.sharing_box_namkna {
position: Fixed;
top: 0%;
right: 0%;
border: 0px solid #00EE00;
padding: 5px 5px 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #F0FFFF;
width: 60px;
min-height: 295px;
}
.sharing_box_namkna .item {
width: 50px;
margin: 5px 0 5px 0;
}
.twitter_float iframe
{
width:55px!important;
}
</style>
<!-- SHARING BOX Fixed-Positioned Toolbox -->
<div class='sharing_box_namkna'>
<div style='text-align:center; margin-top:5px'>
</div>
<!-- TWITTER -->
<div class='item twitter_float' style='margin-left:3px'>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a>
</div>
 
<!-- FACEBOOK -->
<div class='item' style='margin-left:3px'>
<div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div>
<div id='fb-root'></div>
</div>
<!-- G+ -->
<div class='item' style='margin-left:5px'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'></g:plusone>
</div>
<!-- OTHERSHARE -->
<div class='item' style='margin-left:5px'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<!-- AddThis Button END -->
</div>
</div>
<!-- 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 -->

 -     lưu lại và xem kết quả nhé!

 -     Bạn có thể thay đổi vị trí bằng cách thay đổi các thông số top , right ở trong đoạn code
 -     muốn các nút này nằm bên trái thì sửa right thành left 

Nguồn Blog Tổng hợp kiến thức

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é..