20 Haziran 2012 Çarşamba

Click Box Eklentimi Paylaşıyorum

39 yorum

Blogumun sidebarında en üstte gördüğünüz Facebbok beğen, Twitter takip et ve Google +1 butonlarından oluşan bçölüme Click Box adını vermiştim.Bu bölbutonları ilk eklediğimde sizden güzel tepkiler almıştım.O günden beri yorumlarda ve mesajlarda bu Click Box’ın nasıl yapıldığını soran çok kişi oldu.Sanırım artık paylaşma zamanı geldi.

 

Kodların gadget olarak kolayca eleyebilmeniz olabildiğince sadeleştirdim.Bazı okuyucular butonlardan sadece 1 veya 2 tanesini kullanmak istediği için kodları ayrı ayrı paylaşıyorum.Yapmanız gereken sayfa adreslerini kendi adreslerinizle değiştirmek ve kodları HTML/JavaScript olarak kenar çubuğunuza eklemek.

 

Facebook Beğen Butonu

 

Click Box Facebook

 

İlk olarak Facebook beğen butonu ile başlayalım.Burada değiştrmeniz gereken tek yer http://bloghocam.blogspot.com/ yazan yer.Buraya beğen butonua basıldığında hangi sayfanın beğenilmesini istiyorsanız onun adresini yazın.Blogunuz veya Facebook sayfanız olabilir.

 

<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(https://lh3.googleusercontent.com/-EczW7--mfZ8/T36voZW3WtI/AAAAAAAACqQ/WxWacmyqs1U/s265/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://bloghocam.blogspot.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div></div>

 

Twitter Takip Et Butonu

 

Click Box Twitter

 

İkinci  paylaşacaım kodlar click box’ın Twitter takip et butonuna ait kodlar.Burada da değiştirmeniz gereken tek yer var. http://twitter.com/bloghocam yerine kendi Twitter adresinizi yazın.

 

<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(https://lh4.googleusercontent.com/-ImtSc988lkM/T4ayCH9xRqI/AAAAAAAACtI/DlNwLdckthE/s280/twitter.gif);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickfollow">
<a href="http://twitter.com/bloghocam" class="twitter-follow-button" data-lang="tr">Follow @bloghocam</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>

 

Google +1 Butonu

 

Click Box +1

 

Son olarak Google +1 butonun kodlarını paylaşacağım.Burada da değiştirmeniz gereken sadece bir yer var. http://bloghocam.blogspot.com yerine kendi blogunuzun adresini yazın.

 

<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(https://lh4.googleusercontent.com/-YtCRluKZit4/T36voX1YBgI/AAAAAAAACqI/jLBA0f4NKBw/s265/plus.jpg);
-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px}
</style>
<div id="clickplus">
    <g:plusone size="medium" href="http://bloghocam.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>

 

Eğer bu eklentiyi beğendiyseniz aşağıdaki paylaşım butonlrını kullanarak yazıyı arkadaşlarınızla paylaşın.Ayrıca Click Box’taki beğen, takip et ve +1 butonlarna henüz tıklamadıysanız hemen şimdi tıklayabilirsiniz.

39 yorum:

  1. Bu Widgeti Sitenizde Gördüm Aradım Taradım Ve Buldum Keşke Biraz Daha Sabretseymişim :))

    YanıtlaSil
  2. Hocam burada siteyi beğendirmeden facebook sayfasını beğendirebiliyor muyuz ?

    YanıtlaSil
  3. @Parlak Teneke
    Evet, blog adresi yerine Facebook sayfasının adresini yazarsanız o beğenilir.

    YanıtlaSil
  4. yararlı paylaşım hemen yapıyorum bende

    YanıtlaSil
  5. Hocam ben bloguma butonlar koydum ama onları yeni sekmede açamıyorum target_blank kodunu koyuyorum ama olmuyor hata veriyor. nasıl yapabilirim bunu bloguma bir göz atarmısınız?

    YanıtlaSil
  6. hocam acemice olacak ama bunları html widget şablon genişlette herhangi bir yere mi koyuyoruz....ben çok anlamam ama mesela sağ üstte yerleştirmek için nereye yapıştırmam lazım bunları?

    YanıtlaSil
  7. @Hale Deniz
    Hayır, yerleşimden gadget ekle deyip listeden HTML/Java Script seçeneğini seçin.Açılan pencereye de kodları yapıştırın.

    YanıtlaSil
  8. Çok teşekkur ederim hocam güzel bir yayın olmuş eminim çoğu kişiden iyi tepkiler almışsındır bu eklentiyi paylaştığın için. Açıkcası benimde işime yaradı teşekkurler tekrardan :)

    Bu arada benim siteme de beklerim http://kibarblog.blogspot.com

    YanıtlaSil
  9. Süper eklenti teşekkürler bloghocam

    YanıtlaSil
  10. Teşekkürler paylaşım için...
    Lütfen http://www.breakingbet.com bir göz atabilir misiniz?
    O sütunların arasına nasıl sıkıştırabilirim? Hangi ayarların değişmesi gerekiyor?

    YanıtlaSil
  11. @ALPer SAGLAM
    width:256 değerini düşürün.

    YanıtlaSil
  12. Yok hocam onunla ilgisi yok yani ilk onu düşürmüştüm zaten. Başka ne olabilir? Aslında koddaki değerlerin hepsini kurcaladım ama başka bir şey var sanırım.

    YanıtlaSil
  13. Serdar hocam yardım edecek misiniz? Çok zor bir soru sormadım sanırım. Bilir kişi olduğunuzu zannediyorum ve bir cevap bekliyorum. İlgilenmeyecekseniz söyleyin bari de beklemeyi kesip başka bir hal çaresine bakalım.

    YanıtlaSil
  14. Söyledim ya width:256 değerini düşürün. Ben bu şekilde yapıyorum. Bildiğim başka yöntem yok.

    YanıtlaSil
  15. yeni blog açtım ve anasayfamda takip et butonunu bulamıyorum yani takipçilere açamıyorum ne yapmam gerek ?

    YanıtlaSil
  16. @Özüm'den
    Yerleşimden gadget ekle diyerek listeden "izleyiciler" isimli gadgetı seçin.

    YanıtlaSil
  17. teşekkürler hocam hepsi harika

    YanıtlaSil
  18. selam arkadaslar ben nasil bloguma linkler falan yerlestire bilirim

    YanıtlaSil
  19. hocam ben yapamıyorum yardım eder misiniz

    YanıtlaSil
  20. süpersin hocam seni zevkle takip ediyom bircok seyi sayenden ögrendim sitenizle ilgili bir yazı yazmayı ve sitemde yayınlamayı istiyorum ben de yeni başladım sizden bir cok sey ögrendim teşekürler..

    YanıtlaSil
  21. facebook begen de bir sıkıntı var yaım açılıyor ve sorunlu bir şekilde yavaslatıyor siteyi bunu nasıl düzeltebiliriz acaba

    YanıtlaSil
  22. teşekkürler hocam çalısıyor

    YanıtlaSil
  23. Serdar Bey
    Linkedin share kodlarını da gösterebilir misiniz?

    YanıtlaSil
  24. bu eklentileri gatget kısmından HTML/JavaScript ile yapmamız lazım degilmi yalnız bn henüz cok yeni bir blogcu oldugumda bu kısmı bulamıyorum yerleşim>Gatget kısmını buldum ama 'HTML/JavaScript' ı bulamıyorum yardımcı olabilirmisinz acaba :)

    YanıtlaSil
  25. @Efsun Topada
    Gadget ekle dediğinizde açılan penceredeki gadget listesinde HTML/JavaScript var.

    YanıtlaSil
  26. Merhabalar butonları bloguma ekledim ancak takipçi sayıları gözüküyor. Ve malum yeni blog olduğu için pek fazla takipçim yok. Bu özelliği kapamanın bir yolu var mı acaba ?

    YanıtlaSil
  27. @Nukrilin
    Butonları takipçi sayısı gözükmeyecek şekilde oluşturmak mümkün. Facebook, Twitter, Google+ buton oluşturma sayfalarına gidip oluşturduktan sonra kodlarını benim verdiğim kodlarla değiştirebilirsiniz.

    YanıtlaSil
  28. aydınlatıcı rehber kaynakları oluşmuş. değerli emek ve paylaşımlarıınıza teşekkür ederim. bütün çalışmalarınızda başarılarınızın devamını dilerim saygılarımla.

    YanıtlaSil
  29. Teşekkür ederim. Bir de aynı şekilde linkedin linki ekleyebileceğimiz bir script var mıdır?

    YanıtlaSil
  30. Teşekkür ediyorum sen iyi birisin :)

    YanıtlaSil
  31. Öncelikle teşekkürler . Benim kafama takılan ve bir türlü yapamadığım şey click boxun yerini değiştirmek çünkü en üst ve en solda durması sayfanın düzenini bozuyor , buda sayfa güzelliğini bozuyor . En azından ben öyle düşünüyorum. Her neyse widgetin yerini nasıl değiştirebileceğimi söylerseniz çok sevinirim . Şimdiden teşekkürler.

    YanıtlaSil
  32. Çok yardımı oldu teşekkürler

    YanıtlaSil
  33. Teşekkürler iyi oldu
    adamzeka.blogspot.com

    YanıtlaSil
  34. Gerekli düzenlemeyi yapmama rağmen "Şablon başka bir yerde güncellendi. Lütfen orijinal sayfayı yeniden yükleyin ve tekrar deneyin.
    Error 500" hatasını alıyorum bunun sebebi nedir? teşekkürler

    YanıtlaSil
  35. ben facebook grubun linkini ekledim bir türlü olmadı blog sayfasının linkini ekledim oluyor

    YanıtlaSil
  36. COK TESEKKÜRLER
    BİZİ DE ZİYARET EDİN LÜTFEN

    YanıtlaSil

Picardes

LİNKLER