Blogunuza Facebook "Like" Butonu Yerleştirin

Eskiden myspace’i olmayanı dövüyorlardı, son 1-2 senedir myspace furyası bitti, evinde internet olup da facebook olmayan yok. Hatta bazılarında birden çok hesap bile var. (kim olduklarını deşifre etmeyelim, onlar kendilerini biliyor) Teknolojinin su gibi akıp geliştiği günümüzde bir de bloglar türedi. Aslında epeydir vardılar ama son 1 senelik periyottaki artışları gözler görülür biçimde. (bkz. CineShoot) Milyondan fazla kullanıcısı ve blog sayfasıyla popülerliği her geçen gün artan ve takipçileri çığ gibi büyüyen, alexa’ya göre dünyanın en çok ziyaret edilen ilk 10 sitesi arasında yer alan blogger için artık eskimeye yüz tutmuş Facebook güzel bir eklenti geliştirmiş. Aslında sadece bloglar için geliştirmemiş ama ben blogger için olandan bahsedeceğim.

Facebook kullananlar bilir “Fan” sisteminden “Like” sistemine geçildiğini. İşte birazdan anlatacağım yöntemle blogunuza “Like” butonu ekleyebileceksiniz. Peki bu buton, bu “Like” ne işe yarar? Çok basit. Yazının sonundaki butona tıkladıktan sonra Facebook profilinize bir gözatın, ne demek istediğimi anlayacaksınız. Aşağıdaki resim gibi…
Böyle bir yazı gelecek profilinize ve bunu bütün arkadaşlarınız görecek. Bu da yazdıklarınızın tek bir tıklamayla arkadaş listenizdeki herkes tarafından okunması demek. Tabii blogunuzu takip edenlerden, okuyanlardan en az 3-5 kişi Like’a tıklasa bir anda ne kadar fazla kişinin evine girdiğinizi hayal edin… Peki bu butonu nasıl eklerim? Hemen yazının devamında…

Öncelikle söyleyeyim, olayı şuradan öğrendim. Twitter sağolsun, s1m0ne yönlendirdi oraya, ben de bir çırpıda yaptım. Zaten aşırı basit ve hızlı bir şekilde yapacaksınız.

Öncelikle blogger hesabınıza girin ve butonu ekleyeceğiniz blogun Yerleşim‘ine gelin. Ardından HTML’yi Düzenle sekmesine tıklayın. Açılan sayfada tiklenecek bir kısım var; “Widget Şablonlarını Genişlet”. Bunun sol tarafındaki tiki aktifleştirin. Tıkladığınız anda sayfa tekrardan yüklenecek. Bundan sonra yapmanız gereken aşağıya verdiğim kodu bulmanız. Tarayıcınızın CTRL+F kombinasyonuyla arayabilirsiniz.

<data:post.body/>

Aratma yaptınız ve kodunu buldunuz. Satır sonuna gelip Enter’a basın, yani hemen aşağı satıra inin. Ve aşağıda verdiğim kodu yapıştırın.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

İşlem tamamlanınca olması gereken durum aşağıdaki gibi.


Dikkat edilmesi gereken bir nokta daha var. Bu şekilde kaydedip çıkarsak, Like butonu sadece yazılarımıza tıkladığımızda gözükür, anasayfada gözükmez. Ama aşağıdaki resimdeki gibi ilk ve son satırları silerseniz, anasayfada da her yazıda Like butonunu görebilirsiniz, yani şu an burada olduğu gibi.

Sağ taraftaki gibi

Umarım doğru düzgün ve anlaşılır olmuştur yazı. Bu tarz bir inceleme yapmayı pek bilmem, elimden gelenin en iyisini yapmaya çalıştım. Bol Like’lı günler…

Ek: Kısaca Fd’nin uyarısı üzerine ufak bir ekleme yapayım istedim. Burası dahil bu kodu ekleyen bazı bloglarda ufak bir sorun var. Son satırın içine karışıyordu buton. Bunun önüne geçmek için ufak bir ekleme yapmamız gerekiyor html kodlarının yanına. Hemen üstümüzdeki resime baktığınızda data:post.body‘nin hemen üstünde p göreceksiniz iki tarafı parantezle kapalı. Onun aynısından hemen data:post.body’nin alt satırına yerleştirin. Yani bizim eklediğimiz uzun kodun üst tarafına. Bu ilk eklenmesi gereken.
İkinci eklenmesi gereken de şu, asıl kodumuzun aşağısında bulunan /p nin aynısı. Kopyala/yapıştır ile yanına bir tane daha ekleyin. Son durum aşağıdaki gibi olacak bayanlar baylar. Kırmızı içine aldığım bölge sizde de aynı şekildeyse sonradan farkettiğimiz sorun düzelmiş demektir. Yardımı için Kısaca Fd’ye teşekkürler…


15 Comments

  1. Bora-MAN diyor ki:

    >Eyvallah 😀

  2. tyler78 diyor ki:

    >Facebook'un yeni çıkarttığı diğer pluginlere buradan ulaşabilirsiniz. En güzelleri SirEvo'nun anlattığı Like butonu ile Recommendations(Tavsiye edilen konular). Konularınızın Facebook'ta paylaşılma durumuna göre yan panele tavsiye edilen konular ekleyebiliyorsunuz. Blogumda yan panelde görebilirsiniz.

  3. SirEvo diyor ki:

    >Recommendations olayı da güzelmiş. Onu da sen anlatıver de ekleyelim. 😀

  4. tyler78 diyor ki:

    >Valla onun için yazı yazmakla uğraşamayacağım. 😀

    Kısaca burada anlatayım, burada bulunsun:
    Verdiğim linkte Recommendations'a tıkladıktan sonra çıkan sayfada Domain yazan yere site adresini yazıyorsun. Width-Height ile enini-boyunu ayarlıyorsun. Color Scheme ile rengini ayarlayıp Get Code'a tıklıyorsun. iFrame bölümündeki kodu kopyalıyorsun. Blogunda Yerleşim-Sayfa Öğeleri-Gadget Ekle-HTML/JavaScript Ekle diyerek aldığın kodu yapıştırıyorsun. Sonra Aaa ne güzel oldu yaşasııın! diyerek seviniyorsun. 😛

  5. Yigit diyor ki:

    >çok sağol Evo, gayet basit ve kolay anlaşılır olmuş, eline sağlık! 🙂

  6. arnawut diyor ki:

    >amme hizmeti:P

  7. hedehödö diyor ki:

    >hemen yapıyore (:

  8. Damir Begoviç diyor ki:

    >Güzel oldu gibi valla. Sağ ol hocam 😀

  9. Kısaca Fd diyor ki:

    >teşekkürler ben de ekledim.Yalnız <p yi data:post.body den sonra koyarsanız daha iyi görüntü veriyor.Yazıdan azıcıkta olsa uzakta duruyor

  10. SirEvo diyor ki:

    >Tam olarak nasıl olursa daha iyi oluyor Fd? Onu yapmak isteyip de becerememiştim. Ekran görüntüsü atabilir misin?

  11. SirEvo diyor ki:

    >Umarım işinize yaramıştır arkadaşlar. Son bir ekleme yaptım yazıya, ona da dikkat ederseniz sorunsuz gözücektir.

  12. Selin diyor ki:

    >Bunu öğrenmek iyi oldu, çok teşekkürler (:

  13. Hayat Çilingiri diyor ki:

    >Faydalı bir çalışma olmuş,eline sağlık.

  14. Biblio diyor ki:

    >Harikasınız, hem yazıda hem de yorumlarda geçen eklentileri uyguladım. Haberdar ettiğiniz için teşekkür ediyorum.

  15. SirEvo diyor ki:

    >Faydalı olabildiysek ne mutlu.

    Yorum atanlara teşekkür ederim. =)

Yorum Yapın

Arts Blogs