Merhabalar,
Yaklaşık 1 hafta kadar önce tanınan blogger arkadaşlarımızdan birisi olan sevgili Gülşah (nam-ı diğer Tamkarışık) bir serzenişte bulunmuştu.
Akabinde, bu haklı serzeniş sonrasında mikro-blogging servislerinin bloglarımızdan, blog küremizden (ç)aldıklarından birisi olan yorumlarımızı bir nebze de olsa geri almak adına arayışa girmiştik.
FriendFeed'de ki blog yazılarımıza gelen yorumları Blogger tabanlı nasıl blogumuzda gösterebiliriz ?
Bunu nasıl yapacağımız ile ilgili yabancı bir kaynak bulduk, bir de yerli kaynak olarak sevgili Recep Hilmi Tufan'ın blogunda bir yazı vardı.
Ancak bu makalelerde anlatılanlarla WordPress tabanlı bloglarda yapılabildiği gibi, istediğimiz haliyle yorumları blogumuzda gösteremiyorduk. Yukarıdaki iki kaynağı inceleyip gerekli javascript ve css dosyalarında değişiklikler ve düzenlemeler yapmak suretiyle FriendFeed yorumlarını bloguma güzelce taşıdım.
Şimdi gelelim siz kendi FrendFeed yorumlarınızı kendi blogunuzda nasıl gösterebilirsiniz?
1. İlk olarak Blogger kontrol panelinden "Yerleşim" sekmesine oradan da "HTML'yi Düzenle" sekmesine gelin ve "Widget Şablonlarını Genişlet" seçeneğini aktif hâle getirin.
2. <head> kodundan hemen sonra aşağıdaki kodu ekleyin.
<script src="http://idriscinn.googlepages.com/ff_comments_for_blogger.js"/>3. Yine <head> kodundan hemen sonraya aşağıdaki kodu ekleyin.
<link href='http://idriscinn.googlepages.com/ff_comments_for_blogger.css' rel='stylesheet' type='text/css'/>4. Yine CTRL + F ile <div class='post-footer'> kodunu aratın ve hemen altına aşağıdaki kodu ekleyin.
<script expr:src='"http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=FFKULLANICIADINIZ&link=" + data:post.url'/>Dikkat, eğer blog temanız eski blogger teması ise CTRL + F ile <$BlogItemControl$> kodunu bulun ve altına aşağıdaki kodu ekleyin.
<script src="http://pipes.yahoo.com/pathawks/ffbadge?_render=json&_callback=ffbadge&service=blog&who=FFKULLANICIADINIZ&link=<$BlogItemPermalinkUrl$>"></script>5. Bir önceki adımdaki kodda "FFKULLANICIADINIZ" yazan yere Friendfeed'e girerken kullandığınız kullanıcı adınızı (nickname) yazın.
6. Son olarakta "Şablonu Kaydet" butonu ile değişikliklerinizi kaydedin.
Bu işlemleri yaptıktan sonra benim düzenlediğim javascript ve stiller(css) ile FriendFeed deki blog yazınıza gelen yorumları blog yazılarınızın hemen altında görebilirsiniz.
Yorumların stillerinde ve gösterim biçimlerinde değişiklik yapmak isterseniz 2. ve 3. adımdaki javascript ve css dosyalarını bilgisayarınıza indirin ve istediğiniz değişiklikleri yaptıktan sonra bu dosyaların yollarını upload ettiğiniz url ler ile düzenleyin.
Hepsi Bu :) Bol okunmalar, Bol yorumlar ;)
Sonraki yazımda tekrar görüşene dek hayatınızdan pozitifliği, yüzünüzden gülümsemeyi eksik etmeyin.
Tekrar Paylaşmak Üzere
Sevgi ve Saygılarımla
şöyle bir problemimiz var idris: Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "script" must be terminated by the matching end-tag "".
@Oğuz, Head tagının altına eklediğin o script kodunun sonuna taksim yani / eklemen gerekiyor. Yalnız sorun bununla da bitmiyor. Onu düzeltsek bile şöyle bir hata veriyor:
"Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: The reference to entity "_callback" must end with the ';' delimiter."
Yani post-footer'dan sonra eklediğimiz kodda da bir açık var İdris. Nasıl olcak bu iş :)
@tabuhan Teşekkürler. Yazıyı yeniden güncelledim, eksikleri düzelttim. Bilginize.
calback hatası alıyorsanız. Script kodlarını blogunuza eklerken ad code converter kullanarak eklemeniz gerekiyor.
http://www.eblogtemplates.com/blogger-ad-code-converter/
Eklentileri aynen uyguladım . . Hiç bir hata da almadım . .
Velakin FriendFeed'den hiçbir beğeni ya da yorum bloğuma gelmiyor . .
Gecikme oluyor diyordunuz . .
Bu gecikme olayı ne kadar sğrğyor acaba ?
Ben mi yanlış yaptım yoksa :S
Çok güzel görünüyor ya harika hatta :) Sevdim bu eklentiyi eline sağlık :)
@Sedran: Afiyet olsun :)
Harika olmuş. Bu daha iyiymiş...
harika olmuş da benim bloguma yazı tipi rengi boyutu vs. hiç uymadı. kodlar konusunda da pek fazla bilgim yok. :(
sade C: Öncelikle googlepages veya benzer bir servis üzerinde bir hesap oluşturun. Daha sonra linkteki CSS dosyasını indirip üzerinde istediğiniz gibi oynayabilir ve kendi hesabınız üzerinden googlepages a yükleyebilirsiniz. Son olarak ta 3 maddedeki CSS linkini kendi yüklediğiniz dosya linki ile güncellediğinizde istediğiniz sitili yakalamış olursunuz ;)
Sevgiler, Saygılar.
Benim programı ve benim yazısına bağlantı kullandığınız için teşekkür ederiz.
Benim türk Maalesef çok kötü. Google Translate güveniyor.
Pat Hawks: Yorumunuz benim için hoş bir sürpriz oldu :) Türkçe yorum yaptığınız için ve ilham verici blog yazınız için teşekkürler ;)
En: Your comment is a nice surprise for me :) Thank you for your turkish comment and that inspirational blog post ;)