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'>5. Temanızı önizleme yapın. Sorunsuz bir şekilde görüntüleniyorsa şablonunuzu kaydedin.
<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>
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
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
5sn sonra beyaz sayfa gelmedi bende acaba web browser kaynaklı bir sorun mu? Firefox ile herhangi bir sorun göremedim.
ş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
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
www.ihtiyarceviz.com
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.)
Yorum Uyarıları:
1- Yazıyı, Delicious, Stumble, FriendFeed, Facebook vb. paylaş tuşları ile arkadaşlarınızla paylaşın.2- Teşekkür etmekten ya da soru sormaktan çekinmeyin.
3- Sorularınız cevapsız kalmayacaktır. Sayfa adresini unutmayın, yeter.
4- Cevap yazma süresi değişiklik gösterebilir.
5- Yorumunuz, yorum kurallarına uygunsa yorum denetiminden sonra yayınlanacaktır.