Blog’uğunuza Google +1 butonu ekleyin

Google’un hali hazırda Youtube ve Blogger gibi bir çok servisinde kullanıma sunduğu web aramalarına sosyal bir alt yapı kazandırmayı hedeflediği yeni oyuncağını tanıttı.

             google 1

Arama teknolojisini, kişisel tercihlerle güçlendirmeyi planlayan Google’un ,+1′ini yakın zamanda bir çok blog ve websin de görmek mümkün , sizde aşağıdaki adımları takip ederek butonu hemen kendi blog’uğunuz da kullanmaya başlayabilirsiniz.

Googel+1’i kendi bloguğunuza ekleyin



 1


1. Adım buradan Google.com/webmasters/+1/button adresinden dört farklı boyutta, paylaşım sayısını dahil edip etmeyeceğinizi seçip kodları kopyalayın.


Kodu blog’uğunuza ekleyin

    
 
         
2.Adım Kodu kopyaladıktan sonra sırası ile  Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle ulaşıyoruz.
 

Yapacağımız işlemlere başlamadan önce Tam şablon yükle yazan bağlantıyı kullanarak Blog şablonunuzu yedeklemenizde fayda var. Daha sonra yapacağınız her hangi bir hata sonrası şablonunuzu geri yükleyerek yapmış olduğunuz tüm değişiklikleri geri alabilirsiniz.

Butonun hemen yazılarınızın altında görünmesi için  işaretli Widget şablonlarını genişlet yazan kutucuğu işaretledikten sonra aşağıdaki kodu bulun.

<div class='post-footer'>

[ Klavyedeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda Kodu aratarak daha hızlı bir şekilde bulabilirsiniz ]

3.Adım
<div class='post-footer'> ifadesini bulduktan sonra hemen üzerine gelecek şekilde
1. adımda kopyaladığınız kodu yapıştırın ve kaydedin.

Bu şekilde görünecek
2010-06-30_014541 

Kodu yapıştırdıktan sonra yazılarınızın hemen altında Google+1 butonu görünmeye başlayacaktır❖



Kaynak:
http://www.google.com/intl/tr/+1/button/
Paylaş !

22 yorum:

  1. sağolsun ben koymadan google butonu kendisi koymuş :)

    YanıtlaSil
  2. dejawu
    blogger Googe +1 butonunu ,otomatik olarak share paylaş butonlarına eklediği için ,bu butonları kullanan kullanıcılar'ın seninde belirttiğin gibi her hangi bir eksra işlem yapamasına gerek kalmadan kullanabiliyorlar.

    Fakat bloglarında özelleştirilmiş bir şablon kullanan veya bu butonları kullanmak istemeyen kullanıcılarda yukarıda bulunan işlemleri tekrarlıyarak Google +1 butonunu kendi bloglarında kullanabilirler.

    YanıtlaSil
  3. teşekkür ederim paylaşımınız için. Ben ekliyorum hepsini fakat alt alta çıkıyor. Bunları tek satırda nasıl gösterebiliriz.?

    YanıtlaSil
  4. Bastepe

    düğmeleri yana yana göstermek için basit bir tablo içine alabilirsin..
    kodları şöyle >>>

    burada buluna width değeri 580 eğer bu tablon senin yazıları yayınladığın bölümden taşma yapars buradaki 580 değerini düşürebilirsin...

    maviyle renklendirdiğim kodlarda facebook beğen, twitter ve google+1

    bunların yerin farklı düğmelerin kodlarını yazabilir veya istmediklerini kaldırabilirsin.

    YanıtlaSil
  5. baya başarılı buldum ben.:)
    http://kopiketinpembepanjurluevi.blogspot.com/

    YanıtlaSil
  6. "" Bastepe

    düğmeleri yana yana göstermek için basit bir tablo içine alabilirsin..
    kodları şöyle >>>

    burada buluna width değeri 580 eğer bu tablon senin yazıları yayınladığın bölümden taşma yapars buradaki 580 değerini düşürebilirsin...

    maviyle renklendirdiğim kodlarda facebook beğen, twitter ve google+1

    bunların yerin farklı düğmelerin kodlarını yazabilir veya istmediklerini kaldırabilirsin.""""


    Orada verdiginiz kodda tweet edildiginde tayfux diyor nasıl degiştirebilicez

    YanıtlaSil
  7. Sorunu hallettım galiba bi bakarsanız çok makbul geçer. :)

    http://ameleist.blogspot.com/

    YanıtlaSil
  8. ilk soruna cevap yazarak başlayayım ki aynı yöntemi izleyen arkadaşlara da yardımcı olsun...

    tayfux77 benim twitter hesabım siz bunun yerine kendi twitter kullanıcı adınızı yazarsanız her hangi birisi yazılarınızı beğendikten sonra twitter hesabınıza abone olabilmeleri için öneride buluna bilirsiniz.

    blog'una baktım doğru şekilde eklemişsin ama sen ayrıca daha önce tanıttığımız youtube stili butonlarıda eklemişsin ...

    istersen dah sonra bizim blogtakine benzer şekilde tüm düğmeleri daha kullanışlı bir arabirimde ekleyebilirsin..

    burada bulunan yazıyı daha sonra güncelliyecem yazıyı güncelledikten sonra eklersen daha kullanışlı düğmelere kavuşabilirsin.

    http://bloggermodifiye.blogspot.com/2010/08/youtube-stili-paylasshare-butonlar.html

    YanıtlaSil
  9. aynen dediğiniz gibi yaptım fakat olmadı diğer share butonlarıda olmuyor iki adet post-footer kodu var ilkinin üzerine koyduğum zaman anasayfada çıkıyor fakat ben sadece kayıtların altında kayıt sayfasında çıksın istiyorum en sondaki post-footer kodunun üzerine eklediğim zaman ise kayıt sayfasında hiçbişey gözükmüyor acaba şablonumla alakalı birşeymi ?? bakarsanız sevinirim teşekkürler emeğiniz için



    http://conkindir.blogspot.com/

    YanıtlaSil
  10. cor ilk post-footer in üzerine eklediğinde düğme görünüyorsa ,sadece yazı sayfalarında(kayıt sayfalarında) görünmesini istiyorsan düğmenin kodlarını ,bloggera özel kodların içine alarak sadece yazı sayfalarında görünmsini sağlayabilirsin.

    daha fazla bilgi içinde: burda ki ayrıntılı anlatıma bakabilirsin...

    YanıtlaSil
  11. Selamlar; herşey iyi güzel de ''Blog'uğunuza' diye bir cümle olmaz. Ya 'blogunuza' olur ya da 'bloğunuza' 'Bloguğunuza' nedir Allah aşkına?

    YanıtlaSil
  12. merhaba Fatih haklısın "blog'uğunuza" diye bir kelime yok fakat bir defa yanlış yazmaya başladın mı el alışkanlığı haline geliyor , doğru kullanımını(blog'unuza) biliyorum ve çoğu yazıda doğru kullanmaya çalışıyorum ,fakat dediğim gibi bazı yazılarda alışkanlıktan dolayı bu kelimeyi yanlış kullanmış olabilirim.

    YanıtlaSil
  13. O kodları ben linkwithinin neresine yapıştırıcam?




    http://imageshack.us/photo/my-images/97/14631215.jpg/

    YanıtlaSil
  14. Caner düğmenin Link with'İN ÜZERİNDE görünmesi istiyorsan kodları LinkWithin'in kodlarının üzerine yapıştır altınada görünmesini istiyorsan altına yapıştır.

    YanıtlaSil
  15. Linkwithin anasayfada gözükmesin istiyorum.Ana sayfadaki yazılarım altındada çıkıyorda..

    YanıtlaSil
  16. Düğme bende zaten gözüküyor,yorumlarla ilintili diye bunu sorma gereği duydum bu kısma.Benim derdim LinkWithin anasayfada ki yazılarımda gözükmesin.

    YanıtlaSil
  17. Burada ki anlatımın sonunda ,LinkWithini sadece yazı sayfalarında gösterebileceğin bir açıklama bulabilirsin..

    YanıtlaSil
  18. ya olmadi reklamin içine girdi benimki ;(

    YanıtlaSil
  19. @Fransali Gelin reklam eklentinin üstündeyse aşağıda verdiğin kodları eklediğin düğmenin kodlarının hemen üzerine ekle, reklam düğmenin altındaysa kodları düğmenin kodlarının altına ekle. sanırım bu reklamla düğmenin iç içe geçmesini engelleyecektir.

    Kod:

    <div class='clear'>&#160;</div>

    YanıtlaSil
  20. +1 butonuna başka bir resim eklenebilirmi , eklenebilirse nasıl yapabilirim şimdiden tşkler

    YanıtlaSil
    Yanıtlar
    1. Google+1 tasarım konusunda pek esnek davranmıyor yani sana sunduğu 3 adet butonla yetinmek zorundasın.

      Sil
  21. Teşekkürler butonu ekledim...

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz