Web Geliştirme etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Web Geliştirme etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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://www.weebly.com/uploads/3/6/5/9/3659211/ff_comments_for_blogger.js"/>

3. Yine <head> kodundan hemen sonraya aşağıdaki kodu ekleyin.
<link href='http://www.weebly.com/uploads/3/6/5/9/3659211/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&amp;_callback=ffbadge&amp;service=blog&amp;who=FFKULLANICIADINIZ&amp;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&amp;_callback=ffbadge&amp;service=blog&amp;who=FFKULLANICIADINIZ&amp;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 ;)

Not: Bu kodları blogunuza ekledikten yorumların blogunuzda görünmeye başlaması biraz zaman alabilmektedir. Telaşe mahal yok :)

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
Devamını Okuyun »

Merhabalar,

Çalıştığım firmada görev aldığım bir web projesi için "kullanılabilirlik" üzerine detaylı bir araştırma yapmam gerekti. Araştırma sırasında ortaya güzel bir kaynak listesi çıktığını görünce de sizlerle paylaşmak istedim bu listeyi. İşte web projelerinde kullanılabilirlik üzerine harika bilgiler bulabileceğiniz yazılar ve siteler;

Yazılar/Makaleler
Siteler/Bloglar
Kitaplar
Not: Listelemeler alfabetik sırayla yapılmıştır.

Listede olmayan, ama olmalı/bilinmeli dediğiniz kaynakları (yazı/makale/site/blog/kitap) yorum olarak paylaşabilirseniz listeye ekleyeceğim.

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
Devamını Okuyun »