24 Eylül 2009


Daha önce Blogger'ın İstenen Etiketleri Listeleme, Etiket Bulutu ve Standart Devamını Oku gibi yeni özelliklerinden bahsetmiştim. Şimdi de sıra yeni bir özellikte. Blogger kullanıcılarına, yorum yaptıklarında kendi profil resimlerini (avatar) yorumlar kısmına ekleme imkanı veriyor. Blogger, kullanıcılarının isteklerine kulak vermeyi en sonunda akıl etti diye sevinmek mi gerek yoksa bu özellikler için çok geç kaldı diye serzenişte mi bulunmak gerek ben halen bu sorunun cevabını bulmuş değilim.

Lafı dolandırmadan yorumlarda profil resimleri gösterilmesi için hangi adımların izlenmesi gerektiğine geçeyim. Standart Blogger Temaları ve Hazır Temalar için farklı yollar izlenecektir.


Standart Blogger Teması / Düzenlenmemiş Tema


1. Kontrol panelinizden ilgili blogunuz için Ayarlar > Yorumlar yolunu izleyin. "Yorumlarda profil resimleri gösterilsin mi?" ayarınızı "Evet" olarak ayarlayın. Ayarlarınızı Kaydedin.


2. Daha önce yorum yazılmış bir yazını görüntüleyin. Yorumcuların profil resimlerinin görüntülenip görüntülenmediğini kontrol edin.
3. Eğer bu ilk iki adımı izlemenize rağmen yorumlarda profil resimleri görüntülenmiyorsa (
UYARI: Bu adımı bloggerın hazır temalarını değiştirmeden kullananlar uygulasın.
) temanızda Yerleşim > HTML'yi Düzenle yolunu izledikten sonra "Widget şablonlarını varsayılana döndür" seçeneğine tıklayın.
4. Şablonunuzu varsayılan dönüştürdükten sonra herhangi bir sorun kalmadan yorumlar kısmında profil resimleriniz görüntülenecektir.


Hazır Tema / Düzenlenmiş Tema / Standart Olmayan Tema


Yukarıdaki çözüm bloggerın kullanıcılarına sunduğu standart temalar için geçerlidir. Peki hazır tema kullananlar ne yapmalı? Her temanın farklı kodlarla yazılabileceğini unutmayın.

Hazır tema kullanıcısıysanız şu adımları izleyin;

1. Kumanda Panelinizden Yerleşim > HTML Düzenle yolunu izleyin ve Widget Şablonlarını Genişlet kutucuğunu işaretleyin.

2. Şablonunuzda alttaki kodu aratın. Bunun için Ctrl+F kısa yolunu kullanabilirsiniz.

<dl id='comments-block'>
Tabi farklı farklı tasarlanmış temaların olduğunu düşünürsek yukarıdaki kodu bulamamanızda bir olasılık, eğer bulamıyorsanız <div id='comments-block'> kodunu da aratabilirsiniz.

3. Yukarıdaki adımda bulmuş olduğunuz kodun yerine alttaki kodu yapıştırın.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Eğer bir üstteki adımda div ile başlayan kodu bulduysanız bu adımda yer alan kodda dl yerine div yazmanız gerekecektir.

4. Yukarıdaki adımda yapmış olduğunuz değişikliğin ardından alttaki kodu bulun.
<a expr:name='data:comment.anchorName'/>

Eğer bu şekli ile kodu bulamıyorsanız. Yukarıdaki kod değişim yaptığınız üçüncü adımdaki kodun üç beş satır altında yer aldığını unutmayın. Değişikliği yaptığınız satırdan alta doğru her satırı kontrol ederek el yordamı ile arayın. Dikkat etmeniz gereken kısım expr:name gerisi temanıza bağlı olarak farklılık gösterebilir.

Kodu bulduysanız hemen bir üst satırına alttaki kodu yapıştırın.
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
5. Temanızı önizleme yapın. Sorunsuz bir şekilde görüntüleniyorsa şablonunuzu kaydedin.



1. Profil Resmi Ekleme / Değiştirme
Şuana kadar profilinize herhangi bir resim yüklemediyseniz iki şekilde profil resmi ekleyebilirsiniz. Bunlardan birincisi, yorum yazdıktan sonra yorumunuzu ön izleme yapın ve Yorumuzun altında görüntülenecek Profil Resmi Ekle seçeneği ile resim eklemek. İkincisi ise Kumanda Panelinizde yer alan Fotoğrafı Düzenle seçeneği ile resim ekleyebilirsiniz. Resminizi değiştirmek istediğinizde de bu yolu izleyebilirsiniz.
Ekstralar:

Blogger hesabınız varsa ve resim yüklemediyseniz yorumlarınızın yanına yandaki resimdeki gibi bir resim atanacaktır.

2. Adsız (Anonim) ve Adı/URL Seçenekleri ile Yorum Yapnalar İçin Profil Resmi Ekleme
Yukarıdaki adımlar izlesenizde Adsız yorumlarda herhangi bir profil resmi normal olrak görüntülenmeyecektir. Eğer adsız yorumlarda da profil resmi görüntülenmesini tercih ederseniz alttaki adımları uygulayabilirsiniz.

Temanızda ]]></b:skin> kodunu bulun ve hemen üstüne alttaki kodu yapıştırın;
/* Avatar */
.avatar-image-container img {
background:url(http://i620.photobucket.com/albums/tt289/bobokous/AvatarBlogger.png);
width:35px;
height:35px;
}

Bu adımı uyguladığınızda Adsız yorumlarında yandaki resimdeki gibi profil resmi görüntülenecektir. Bu resmi değiştirebilirsiniz. Tek yapmanız gereken istediğiniz bir resmi resim yükleyici sitelerden birine yüklemek ve yukarıdaki kodda yerine yapıştırmak.

3. Profil resimleri sayfa içeriği yüklendikten sonra yüklenecektir.

Bu yeni blogger özelliği hakkında siz ne düşünüyorsunuz? Yorumlar kısmında fikirlerinizi paylaşırsanız sevinirim. Hem böylelikle yeni özelliğide test etmiş olursunuz.

Kolay Gelsin...

Kaynaklar: LB, Buzz Blogger, Blogger Buster: Profile Avatars for Blogger Comments - Updated
Yorum
Fanatico dedi ki...
Teşekkürler denedim, sonuç istediğim gibi...
Sade dedi ki...
İşe yaramasına sevindim. Blogger 10 yıl etkinlikleri böyle devam eder insallah. Bu arada, yorum bana şampuan reklamlarını hatırlattı :D
Tuncay Turan dedi ki...
yine beceremedik :(
Tuncay Turan dedi ki...
şu hazır temalarda uygulamak için bu kodları niye değiştirirler :(
Tuncay Turan dedi ki...
mail attım size bakabildiniz mi?
Sade dedi ki...
mailinizi hafta sonumun çok yogun geçmesi sebebi ile yeni aldım. Birazdan cevaplıyacağım.;) cevaplıyorum...
Tuncay Turan dedi ki...
ilk maildeki sorunları hallettim :)
yalnız şuan
Son Yazılar Kayan şeklinde eklenti ekledim..
ondan dolayı internet explorerda siteyi açınca
5sn sonra beyaz sayfa geliyor..
bunu nasıl düzelteceğim bilmiyorum :(

bu yorumlarda profil olayınıda yapamadım
teşekkürler
Sade dedi ki...
Hazır Tema lar için yazdığım kısmı doğru uyguladığınızdan emin olun. İşe yarıyor ;)

5sn sonra beyaz sayfa gelmedi bende acaba web browser kaynaklı bir sorun mu? Firefox ile herhangi bir sorun göremedim.
Tuncay Turan dedi ki...
beyaz sayfa sorunu gitti sanırım

şablonda 1.adımdaki kodları bulamıyorum
dl id='comments-block
div id='comments-block
site şablonu aşağıda
http://sites.google.com/site/kutsalcemberler/ana/template-3243246781701550528.xml
Sade dedi ki...
Temanızda gerekli değişiklikleri uyguladım ve mail adresinize düzenlenmiş temanızı gönderdim. Güle güle kullanın :)
Tuncay Turan dedi ki...
merhaba..
yolladığınız şablon ile yaptım evet oldu teşekkürler
yalnız yazan kişi yanında değil üstünde çıkıyor resmi :)
neyse cok da önemli değil tekrar teşekkürler

Yine bir sorunum var benim bitmek bilmedi :(

Anasayfaya yazı gönderince bazı yazılarda tarih ve Gönderen gözükürken bazılarında gözükmüyor sorun nedir anlamadım?
örnek resimler: http://i49.tinypic.com/2145kqg.jpg

bunda sorun yok mesela : http://i45.tinypic.com/21115yt.jpg
Sade dedi ki...
Tuncaycım sende de garip bir şans var galiba :) Temanı kontrol edip sana mail atacağım ;)
m d dedi ki...
Gercekten bu ustte cikma problemi nasil giderilir ?

www.ihtiyarceviz.com
Sade dedi ki...
@md : Profil resimleri yanda değil üstte mi görüntüleniyor senin temanda da?
m d dedi ki...
Evet Sade nasil asilir bilmiyorum, template den mi kaynaklaniyor ki acaba !?
Beyaz Kare Tasarım dedi ki...
Merhabalar, öncelikle verdiğiniz bilgiler için çok teşekkürler.... Hayli emek sarf etmişsiniz, ediyorsunuzda, kutlarım.

Ben bu konuyu dediğiniz şekilde uyguladım, ya da uyguladığımı sanıyorum. 4. adımda benim temamda belirttiğiniz kod yoktu, sizinde dediğiniz gibi ana kısmını buldum yani: "...a expr:name='data:post.id'..." kodunu ve üstüne verdiğiniz kodu yapıştırdım. Amma velakin olmadı :) yardımcı olabilirmisiniz.

(bu arada "expr:name" olarak arattığımda birkaçtane çıktı ama ben "expr:name='data" diye başlayan kodun üzerine ekledim.)
Beyaz Kare Tasarım dedi ki...
Gayet güzel oldu, emeğine sağlık sade...
Ponti dedi ki...
Dediklerinizi, büyük bir dikkatle yaptım ama maalesef hala yorumcuların profil resimleri gözükmüyor..temayı artisteer da kendim yaptım ama şu ufak sorunları bitmedi, sizin gibi siteler sayesinde çok düzelttim ama şu profil resimleri olmadan yorumlar birbirine giriyor, başka ne yapabilirim bunun için? şimdiden teşekküler..
Adsız dedi ki...
iğıüidedüoieaüeü
Unknown dedi ki...
sLM
insanyavrusu dedi ki...
bende olmuyor bi türlü yardımcı olur musunuz?