Blogger Kayan Sosyal Ağlar Eklentisi

Sosyal medya artık günümüzün bir parçası olmuş durumda.Blog kullanıcılarının da daha iyi ziyaret alabilmesi için blogunu sosyalleştirmesi lazım.Biz bugün hoş bir sosyal medya paylaş butonları paylaşacağız.Blogunuzun her sayfasında görünen bu eklentiyi rahatça kullanabilirsiniz.Yeni başlayan arkadaşlara da tavsiyemdir.Eklentinin en güzel yanı da ziyaretçileriniz gezinirken mouse ile aşağı yukarı iniş veya çıkışlar yaptıklarında eklentinin ziyaretçileri takip etmesidir.

YAZILI ANLATIM

1.Blogger - Kumanda Paneline giriş yapın. Ardından Şablon - Html'yi Düzenle - Ctrl + F yardımı ile aşağıdaki kodu bulun.

1<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'>

2.Yukarıdaki kodun bir üst satırına aşağıdaki kodları ekleyin mavi renkle belirttiğim yerleri kendinize göre düzenleyin.

1<style>
#sosyalpaylasim {
text-decoration: none;
text-align: center;
display: block;
float: left;
margin: -10px 0 0 -115px;
position: fixed;
width: 90px;
background: #F9F9F9;
border: 1px solid #ddd;
border-radius: 3px;
}
#sosyalpaylasim ul{ margin:0; padding:0px;}
#sosyalpaylasim ul li{ list-style:none; border:0px; padding:10px 0 2px 0; border-bottom:1px solid #ddd;  }
</style>
<div id='sosyalpaylasim'>
<ul>
<li>
<div id='fb-root'></div>
<div id='fb-root'></div>
<div id="fb-root"></div>
<script>undefinedfunctionundefinedd, s, id) {
  var js, fjs = d.getElementsByTagNameundefineds)[0];
  if undefinedd.getElementByIdundefinedid)) return;
  js = d.createElementundefineds); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBeforeundefinedjs, fjs);
}undefineddocument, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/Mamosreyizz" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div></li>
<li>
<a class='twitter-share-button' data-count='vertical' data-text='' data-url='' data-via='Mamosreyizz' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</li>
<li>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>
<g:plusone href='' size='tall'></g:plusone>
</li>
</ul>
</div>

işlem bu kadar arkadaşlar.İyi bloglamalar...