Haziran 04, 2012

Facebook "Beğen" , Twitter "Takip Et" , Google Plus "Paylaş" Butonları


Facebook "Beğen , Twitter "Takip Et" , Google Plus "Paylaş" Butonları 

Bayağıdır bir şeyler paylaşmıyordum blogumda.Mesut Sen arkadaşım bana ulaştı bloğumda bulunan yukarıdaki eklentilerin kodunu rica etti bende onu kırmamak adına kodları paylaşmak istedim. 


Çok şık bir görünüme sahip bu eklentiler hem göze hem de bloğunuza hitap edeceğinden emin olabilirsiniz. 

Aşağıdaki kodu kopyalayın < head> kodunun altına gelecek şekilde blogunuza uygun bir yere yapıştırın.
Ya da yeni bir gadget ekleyebilir içine aşağıdaki kodu yapıştırabilirsiniz.
<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://2.bp.blogspot.com/-0wvmk4WaxTU/UBobfzLh0BI/AAAAAAAAEkY/it-eGXXqmb0/s1600/bloglamazamani-face.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="http://bloglamazamani.blogspot.com/" 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://4.bp.blogspot.com/-mXZCygKK7QQ/UBobhrilmCI/AAAAAAAAEkk/vob2-C597_k/s1600/bloglamazamani-twitter.gif
); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<div id="clickfollow"> 
<a href="http://twitter.com/bloglamazamani" class="twitter-follow-button" data-lang="tr">Follow @bloglamazamani</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://2.bp.blogspot.com/-hjJ54W-q1Zw/UBobg4uOg9I/AAAAAAAAEkg/drBRn5ftaPc/s1600/bloglamazamani-plus.jpg); 
-webkit-border-radius:10px; 
  -moz-border-radius:10px; 
  border-radius:10px} 
</style> 
<div id="clickplus"> 
    <g:plusone size="medium" href="http://bloglamazamani.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>

Yukarıdaki kırmızı ile belirttiğim alanları kendi adınıza göre düzenlemeyi unutmayın...
Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz... İyi bloglamalar

Facebook Beğen , Twitter Takip Et , Google Plus Paylaş Butonları, facebook begen yeni, twitter takip et yeni, google plus yeni, sitene ekle, sosyal aglar, begen butonu yeni,Facebook "Beğen , Twitter "Takip Et" , Google Plus "Paylaş" Butonları, Click Box ekleme, Click Box butonu, Click Box eklenti, Click Box yapimi,

25 yorum :

hocam ellerinize saglik tesekkur ediyorum

Rica ederim. İlginize teşekkürler. :)

Rica ederim. Güle güle kullanın :)

Kendi blogumda kullanmaya başladım teşekürler..

Selamlar güzel bir kod gerçekten teşekkürler. Ancak google plus bölümüne adresi ne şekilde gireceğiz +1 butonu görünmüyor plus profil adresimi girdim olmadı site adresimi girdim yine olmadı yardımcı olursanız sevinirim.

en son kısımda "http://bloglamazamani.blogspot.com" kırmızı işaretli alana kendi sitenizi yazacaksınız. Google Plus profil adresini yazmayınız. Böyle denedikten sonra tekrar yorum atın isterseniz.

merhaba bu butonların sağdan veya soldan açılır şekli yokmudur acaba.

Dostum Teşekkür Ederim Paylaşımın için

http://bloglamazamani.blogspot.com/2012/05/sag-tarafta-aclan-4-tane-sosyal-aglar.html bu linkte istediğiniz konu mevcut.

Rica ederim Emin Cihan. Kolay gelsin

@Davetiye , kodun hazırlanış şekli bu o yüzden olabilir.

hangi kırmızı yer facebook un acaba bende twıt sayfası felan yokta :D

@umut fayey orbay, ilk kırmızı alan bloglamazamani.blogspot.com linki facebook için.

facebook adresimi yazıyorum hata veriyor. sizin yazdığınız gibi facebook yerine blog adresimizi mi yazacağız?

@Pembe Köpük Tasarım, facebook adresini yazmıyorsunuz, sadece blog sitenizin adını yazmanız yeterli olacaktır.

Kardeşim Facebook'uma abone ekleme yeri istiyorumda sitemde öylebir buton olucak ama begen yerine abone olmasini istiyorum bi yardimci olurmusun blog sitem

wwww.olayabaksen.blogspot.com

Size Bazı Bilgileri Versem Siz Bana Düzenlermisiniz Ben Yapamıyorumda Hatalı Oluyorlar

@Mehmet Resul, Ne gibi hatalar oluyor ?

teşekkürler

secretmobil.blogspot.com

@Mertcan Balta, İsterseniz yeni bir gadget oluşturup içerisine koyabilirsiniz. Ya da blogunuzun şablon bölümünden < head> kodundan sonra bir yer ekleyebilirsiniz.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.