Facebook , Twitter , Google Plus Butonları


Merhaba arkadaşlar.Blogumda kullandığım sosyal ağlar gadgetini sizlerle paylaşmak istedim.Şık bir görünüme sahip olan bu gadget i beğeneceğinizi umuyorum ve anlatıma geçiyorum.


Aşağıda vermiş olduğum kodu Blogger > Yerleşim > Gadget Ekle yolunu izleyerek gadgetimizi oluşturuyoruz.
Kod üzerinde değişiklik yapmanız gereken yerleri kırmızı ile yazdım.Kırmızı ile yazılı olan yerleri kendi facebook , twitter , google plus adreslerinizle değiştirmeniz yeterlidir.

<style> 
#clickface {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(http://i.imgur.com/iusx3VO.jpg); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<div id="clickface"> 
<div id="fb-root"></div> 
<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/tr_TR/all.js#xfbml=1"; 
  fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-like" data-href="https://www.facebook.com/pages/Garip-Blogcu/310560702404087?fref=ts" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div></div>

<style> 
#clickfollow {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(http://i.imgur.com/IY3RHik.gif
); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<div id="clickfollow"> 
<a href="https://twitter.com/AlladdinAktr" class="twitter-follow-button" data-lang="tr">Follow @AlaadinAktr</a> 
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> 
</div>
<style> 
#clickplus {width:256px; height:23px; margin-top:5px; padding-top:11px; padding-bottom:10px; border:1px solid #d8d7d7;  padding-left:10px; margin-bottom:10px;margin-left:5px; background:url(http://i.imgur.com/LdTssqx.jpg); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<div id="clickplus"> 
    <g:plusone size="medium" href="http://garipblogcu.blogspot.com/"></g:plusone>

<script type="text/javascript"> 
  window.___gcfg = {lang: 'tr'};
  (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
  })(); 
</script></div>

Yorumlar