Blogger Blogunuza Yaptığınız Yorumlar Daha Belirgin Gözüksün (-24-Yorum-)




Wordpress'de blogun yazarının yazdığı yorumlar daha belirgin gözükür (tema oynanarak değiştirilmemişse). Blogger'ın böyle bir özelliği yok ve hiçbir blogger blogunda böyle bir şeye rastlamadım ama bunu yapmayı bir süre önce başardım (örnek). Yazının yazarı, blogun sahibi olarak bir ağırlığınızın, bir havanızın olması çok iyi birşey :)

Yazı Güncellenmiştir

Devamını Okumak için Tıklayın


İşlemlere başlamadan önce blogununuzun yedeğini almayı unutmayın.

1- Blogunuzun HTML düzenleme kısmına girin ve kod penceresinin sağ üstündeki kutucuk seçili olsun.

2- <dd class='comment-body'> 'yi bulun. Altında (içinde) 2 tane <data:comment.body> olması gerekiyor. Başında <span class='deleted-comment'> bulunmayanı silin. Bu işlemden sonra o kısmın şöyle olması gerekiyor:

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>

</b:if>
</dd>


3- Sıradaki işlem ise okuyucuların yazdığı yorumun farklı, sizin yazdığınız yorumun farklı bir kodla gösterilmesini sağlamak. Yorumu blogun sahibinin yazdığının anlaşılabilmesi için, blogunuza yorum yazarken kullandığınız blogger profilinin adresini kullanıcaz. Artık yazının yazarı otomatik olarak anlaşılıyor. XXXXXX'i kullanmaya gerek yok.

"yorumu yazan kişinin profil adresi X ise Y kodlarını, değilse Z kodlarını göster" tarzında bir sorgu gerekiyor.

Kodlardan sildiğimiz kısma, yani <b:else/> 'in altına ve </b:if> 'in üstüne (2. adımın sonunda verdiğim satırlardaki boş satıra yani) şu kodları yapıştırın:

<b:if cond='data:comment.authorUrl == "XXXXXX"'>
<p class='yazar'><data:comment.body/></p>
<b:else/>
<p class='okur'><data:comment.body/></p>
</b:if>


<b:if cond='data:comment.author == data:post.author'>
<p class='yazar'><data:comment.body/></p>
<b:else/>
<p class='okur'><data:comment.body/></p>
</b:if>


XXXXXX yerine yorum yazarken kullandığınız blogger profilinin adresini koyun. http://www.blogger.com/profile/01379074479863320155 gibi. Artık blogunuzdaki tüm yorumlar; yorumu yazan siz değilseniz;

<p class='okur'><data:comment.body/></p>

yorumu yazan sizseniz;

<p class='yazar'><data:comment.body/></p>

kodları kullanılarak gösterilecek. Ama henüz görünüşte bir fark yok.

4- Blogunuza yazdığınız yorumun daha belirgin veya farklı gözükmesi için CSS kullanıcaz. Herşeyi yaptığımız HTML düzenleme kısmından, blogun css kodlarına;

.yazar{
background:#FCECAD;
padding:10px;
}
.okur{
background:#f2f2f2;
padding:10px;
}


kodunu ekleyerek, okuyucuların yorumlarının arkaplanının gri, sizin yorumlarınızın arka planının sarımsı renkte gözükmesini sağlayabilirsiniz (resimdeki gibi). Tüm yorumların görünüşüne önceden etki eden başka css kodları varsa onları kaldırmanız veya silmeniz gerekebilir.

Artık CSS kodlarıyla oynayarak 2 farklı yorum türünü istediğiniz gibi kontrol edebilirsiniz. Tavsiye etmiyorum ama aşırıya kaçıp kendi yorumlarınızı kocaman, okuyucuların yorumları soluk yapmanız bile mümkün :)

5- Şu an yorumların, yorum kısımlarının görünüşünü kontrol edebiliyoruz. Bir de isim kısımları var. Blogunuza yaptığınız yorumların isim kısımlarında nickinizin değil, başka birşeyin yazmasını sağlamak çok kolay. Kodlardan, <b:if cond='data:comment.authorUrl'> kısmını bulun. Altındaki;

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

kısmını silin ve yerine;

<b:if cond='data:comment.authorUrl == "XXXXXX"'>
YYYYYY
<b:else/>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
</b:if>


<b:if cond='data:comment.author == data:post.author'>
YYYYYY
<b:else/>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
</b:if>


kodunu yapıştırın. XXXXXX yerine ne koyulacağını biliyorsunuz.YYYYYY yerine ise yaptığınız yorumların isim kısımlarında gözükmesini istediğiniz yazıyı (veya kodu) yazın.

Artık yorumlarınızın istediğiniz gibi gözükmesini sağlayabilirsiniz. Aslında isimsiz yazılan yorumların da soluk gözükmesi ayarlanabilir ama neyse (şimdi aklıma geldi).

Blogunuza yorumlarınızı blogger profilinizi kullanarak yazdığınızı düşünerek kodları hazırladım ama blogunuza isim ve url girerek veya başka bir biçimde yorum yazıyorsanız, bu yazıya yorum yazarak bana sorun. Değiştirilecek yerleri vereyim.
Berkelenyum

erman teşekkürler çok açıklayıcı anlatmışsın aslında esas istediğim adsız yorumlar kısmı :D tekrar teşekkür

Erman Haskan

Onu da bugün yarın hazırlayıp buraya yorum olarak göndericem ;)

Yunus Yalçınkaya

Erman paylaşımın için çok teşekkür ederim.Ayrıca bu kodu "HTML düzenleme kısmından, blogun css kodlarına;" ekleyeceğiz demişsin bir önemi varmı yerin yoksa herhangi bir yerde olur mu?

Erman Haskan

]]></b:skin>'den önce, diğer css kodlarının yanına yani.

Blogger Destek'te evvelden yapılmıştı sanırım. Blogunuzda renkli yorumlar
Hem çok sesli hem çok renkli blog
Bir de yabancı kaynak vardı.
Bir de yabancı kaynak var: İşte
Yazıları tam incelemedim ama sanırım aynı yöntem.
Paylaşım için teşekkürler. (isimsiz yorum)

Erman Haskan

tatil-ci;

Teşekkürler. O yazının varlığından keşke haberim olsaydı. Kimse kullanmadığı için bilinmiyor sandım.

Yöntem aynı ama bir farkla. Yazının yazarı ile yorumun yazarının aynı olup olmadığı kontrol edilerek yorumun sahibi anlaşılıyor. Benimkinden daha kolay bir yöntem yani. Bu doğrultuda yazıyı güncelledim.

Berkelenyum

şimdi yazıda ne değişti orda anlayamadım kodlar doru idi ?

Erman Haskan

Bilgisiz; işlemleri yeni uygulayacaklar için kolaylık yaratıyor. Yazıda üstünü çizdiğim ve yeşil renkle eklediğim yerler var.

güzel (isimsiz yorum)

Hocam birde "Bu yazımı beğendiyseniz" kısmını nasil yaptin detayli anlatirsan sevinirim.. (isimsiz yorum)

Erman Haskan

<data:post.body/> 'in altına koy

<b:if cond='data:blog.pageType == "item"'>
BURADAKİ KODLAR SADECE TEKİL YAZI SAYFALARINDA GÖZÜKÜR
</b:if>

Erman Haskan

İSİMSİZ YORUMLARIN GÖRÜNÜŞÜNÜ KONTROL ETMEK

kodlardan

<p class='okur'><data:comment.body/></p>

kısmını bulup;

<b:if cond='data:comment.author == "Adsız"'>
<p class='isimsiz'><data:comment.body/></p>
<b:else/>
<p class='okur'><data:comment.body/></p>
</b:if>

ile değiştirin. CSS'den;

.isimsiz{
}

ile isimsiz yorumların görünüşünü değişirebilirsiniz.

Erman Haskan

Son 2 yorumumdaki kodlarda hata vardı, düzelttim.

Onur Arslan

teşekkürler Erman denedim hoşuma gitti :)

kardeş şu rastgele yazı uygulamasını nasil yukariya entegre ettin yazarmısın lütfen.. (isimsiz yorum)

Erman Haskan

İçinde onclick='feelingLucky()' paremetresi bulunan her link, rastgele yazı eklentisini kullanarak rastgele yazı getirir.

Piskopat-Yazar

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 element type "dt" must be terminated by the matching end-tag "".

böyle bir hata ile karşılaştım nasıl çözerim ?

Erman Haskan

<dt> tagı kapatılmamış. Kodları düzenlerken bir hata yapmışsınız. Silinmemesi gereken yerleri silmiş olabilirsiniz.

Piskopat-Yazar

tamam oldu ama bi kere yazdığım bir cevap alt alta 2 defa gözüküyor neden acaba ?

Piskopat-Yazar

bunuda hallettim teşekkür ederim

eD

dediklerinin aynısını yaptım neden olmadı :s

Serdar Kuzucu

Çok güzel hazırlamışsın tasarım olarak ama çok iyi bilmeyenler için pek de açık değil gibi :) Neyse çok çeşitli şeyler üretebilirim sanırım ben burdan :)

sinemabed.com

Kullanacağım bunu mutlaka :)

Ben de ekledim aynı şekilde kodları fakat bir değişiklik olmadı ? (isimsiz yorum)

Yorum Gönder

Daha Yeni Yazılar Daha Eski Yazılar Ana Sayfa