Blogger'da WordPress Gibi Yorum Formu

Yeni, yine, yeniden...

Hiç kuşkusuz Blogger altyapısı ile blog tutanların en çok istediği yeniliklerden biri de WordPress'te olduğu gibi bir yorum formudur. Bu özelliğin gelmesi için bastıranlardan biri de benim :) Yakın zamanda Blogger geliştirme ekibine bu konuyu hatırlatmıştım. Sonunda beklenen oldu ve Blogger geliştirme ekibi bu özelliği devreye soktu!

Güncelleme: Yazımda güncelleme gerektirecek bir yanlış bulunmasa da bazı arkadaşların hataya düştüklerini farkettim. Şablon kodları arasında p class='comment-footer' satırını arayan arkadaşlar buldukları ilk satırı benim yazımda verdiğim kodlara uyup uymadığını denetlemeden yeni kodlar ile değiştiriyorlar. Şablonunuzda iki adet p class='comment-footer' sınıfı var. Lütfen bulduğunuz kodların yazıdaki ile aynı olduğuna dikkat edin.

Yaklaşık bir haftadır bu özelliğin devreye gireceğini biliyordum; öyleki bir haftadır yeni bir tema hazırladığım için kod ile yatıp kod ile kalkıyorum (Tüh ağzımdan kaçırdım). Yeni tema hazırlarken şablonlara monte edilen yorum formunu da görmüş oldum :) Sözde bunu size daha önce duyuracaktım ki, Blogger benden önce davranıp, yorum formunu devreye sokmuş.

Blogger Yorum Formu
Şimdi yorum formunu nasıl yapacağımıza geçelim.

Yorum formu sıfır şablonlarla birlikte hazır olarak gelse de hali hazırda kullandığınız şablonlarda yok. Bunun için elle kodları değiştireceğiz.

Adım 1: Şablonda Kodları Değiştirme

Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra şablonunuzda p class='comment-footer' satırını arayın. Arama sonucunda aşağıdaki kod satırını bulmuş olacaksınız:

<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if>
</p>

Yukarıdaki kodlar arasında kırmızı renkli olan sorgu satırları her şablonda olmayabilir. Başka bir değişle bu satırların olup olmaması önemli değildir.

Bilgi: Kırmızı renkli satırlar, blogunuzda yorumlara izin verilip verilmediğini denetler ;)

Bu kodları aşağıda verdiğim kodlar ile değiştirin.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

Böylece Yorum Gönder yazısı yerine yorum formu görüntülenecektir.

Adım 2: Yazı Altında Yorum Formunu Devreye Sokmak

Blogger in Draft üzerinden giriş yaparak Blogger ayarlarınızdan Ayarlar > Yorumlar yolunu izleyin ve resimde de görüldüğü gibi Yorum Formunun Yerleştirilmesi seçeneğini Aşağı katıştırılmış kayıt olarak değiştirin.

Sonuç...

Artık yazı altında bir yorum formuna sahip oldunuz :) Güle güle kullanın.

Bu yazıya 70 adet yorum yapılmış. Düşüncelerini belirtmek istiyorsan durma yorumunu paylaş!

70 yorum:

MaFiAMaX dedi ki...

İlk deneme bende olsun :)

Emre Zeytin dedi ki...

2. deneme benden. Aman aman aman.:D Wordpress'e geçtik Blogger'da ki gelişmelere bak.:D

TaFuGu dedi ki...

Çok teşekkür ederim.Bu özellik hakikaten iyi oldu.Hemen uyguluyorum.

Sedran dedi ki...

İşte bu özellik! Blogger'a bu özelliği isteyen bir mail ben de atmıştım demek ki bu kadar blogcunun isteklerini reddedemediler :)
Teşekkürler Blogger, Google,
Teşekkürler Mafiamax :)

Deli Profesör dedi ki...

Ya hocam ben de blogumu dün uyarladım bunu lakin dışarıdan siteye giren, bloglardan anlamayan biri için hala karmaşık. Bi yığın abidik gubidik seçenek koymuşlar. Google illa ki ismi geçsin istiyor. Google illa ki pratikleştirmemek için inat ediyor.

yakisanse dedi ki...

Hayırlı olsun bloggerden başka isteginiz varmı arkadaşlar;)

Damacana dedi ki...

Blogger biz yokken kendini aşmış yahu.

İsimsiz dedi ki...

ben de bu konunun sıkıntısını çekiyordum bu yüzden disqus.com un yorum eklentisini kurmuştum şimdi bunu uygulamak istiyorum ancak html de o satırları bulamıyorum ne yapacağım:) ?

MaFiAMaX dedi ki...

Yazımda özellikle vurguladım, "Widget şablonlarını genişlet" seçeneğini işaretleyin, böylece ilk kodu bulacaksınız.

Taytanik dedi ki...

özellikler çok güzel oldu bea. diğer eklenen özelliklerle ilgilide yazmıştım ben. diğerleride baya bi güzel. bi bakın bakam...

İsimsiz dedi ki...

Kodlar hata veriyor belki ben yanlışlık yapmışımdır ama kodları kontrol etmenizde fayda var diye düşünüyorum /

Mehmet dedi ki...

Vaay güzel olmuş. Hadi hayırlı olsun :)

avare dedi ki...

Ahhh, klasik şablonlarda olmuyor...

avare dedi ki...

Ön yargılı davrandım. Klasik şablonlarda da yapılabiliyormuş. Biraz kurcalayınca başardım.

Volkan Alabaz dedi ki...

Flaş, flaş gözlerim yaşardı kardeşim ya. Bence normal çok uçuk istekleri olmayan bir kişi kesinlikle Blogger kullanmalı. Bu özellik çok süper olmuş bence hayırlısı olsun Blogger kullanan arkadaşlara.

MaFiAMaX dedi ki...

@isimsiz, ben ve bir çok kişi aynen burda anlattığım gibi yaptık. Belki bir farklılık olabilir. O farklılığı da yazımda güncelleme yaparak anlattım.

@avare, artık öyle bir alışmışım ki klasik şablonları unutuyorum hep :)

@Volkan Alabaz, bu daha başlangıç :)

henster dedi ki...

Bende sevinenler arasındayım. Blogger'lere yorum yapacağım zaman sürekli yeni sayfalar açılıp duruyordu. Bunu geliştirmeleri çok iyi olmuş gerçekten. Wordpress in yerini tuzmaz ama idare edeceğiz artık. :) hayırlı olsun efendim.

Erdem dedi ki...

Baya güzel değişiklikler var aslında şu "daha fazlasını oku" veya "benzer bağlantılar" gibi şeylere de bir çözüm bulsalar güzel olacak yazı yazma paneline tek bir buton ile daha fazlasını oku tercihini yapabilirler veya girilen etiketlerden ortak yazıları gösterebilirler.

maswey dedi ki...

Maalesef ben yapamadım herhalde temamdan kaynaklanıyor neyse sağlık olsun :)

hayalbahce dedi ki...

merhabalar verdiğiniz kodları adım adım bütün yönergeleri takip ederek şablonuma yerleştirdim. blogger draft'ta yapılması gereken değişikliği de yaptım ancak yorum gönderme formu görünmüyor (hala yorum gönder butonu çıkıyor ve onada tıklatınca hiç bir hiç birşey olmuyor - yardımlarınızı rica ediyorum / keyifli pazarlar dilerim kolay gelsin

Serdarca dedi ki...

bende yaptım :D:D

montecito dedi ki...

öncelikle teşekkürler daha önce denemiş yapamamıştım şimdi tekrar denedim ve aaa yine olmadı :)) meğer ilk olarak arayın diye verdiğiniz koddan bende iki tane varmış :P ben ilk çıkana yapıştırınca görünmemişti sayfada daha sonra tekrar denedim ve şimdi oldu..

MaFiAMaX dedi ki...

@montecito, verdiğim kodun aynısı yok, sadece başlangıcı ona benzeyen bir kod kümesi var. Sırf bu yüzden kod kümesinin tamamını verdim ki hata olmasın ;)

@hayalbahce sen de aynı hataya düşmüşsün.

Enes dedi ki...

Çok Teşekkürler Erhan.Bende ilk deneyip yapamayanlardanım :) Biraz üstünde yoğunlaşınca hatanın nereden kaynaklandığını bulabiliyorsunuz.Yeter ki biraz araştırın...

gokhans dedi ki...

Çok saol Erhan.Bende yorum bölümünde ayarı yapmıştım ama hala eski yorum gönder butonu çıkıyodu.Tam senin bloguna yorum yapıp sorunu bildirip yardım isteyecektim bu yazıyı gördüm.meğerse htmldede ayar yapmak gerekiyormuş.Gerekli aayrları yaptım.Güzel oldu.Bakalım ziyaretçilerin alışması ne kadar sürecek..

Burak Doğan dedi ki...

Bende olmak bilmedi yahu çok ilginç.. Nedense..

gokhans dedi ki...

Ama şu yeni özelliklerden blogu içe aktarmayı yapamadım.İçinde 2-3 yazı olan bloglarımı rahatlıkla içe ve dışa aktarıyorum ama Gökhan Blog u bi türlü içe aktaramıyorum.Heralde çok yazı olduğundan kaynaklanıyor.Çünkü 1,07 mb lik bir dosya sonuçta.Biraz daha gelişmesini bekliycez maalesef..

gokhans dedi ki...

Bu arada şu yazılara yıldız verme olayındada böyle kod ayarlamaları yapmak lazım heralde.Çünkü normalde görünmüyor sadece bloggerin kendi temalarında görüntüleniyor.Gerçi o gerekli değil güzelde yapılamamış zaten..

MaFiAMaX dedi ki...

@Gökhan, içe-dışa aktarma da şu anda 1mb limiti var. Aslında bu limit bilinerek koyulmuş değil, bir hatadan dolayı oluşuyor. Bunun üzerinde çalışmalar yapılıyor.

Oylama eklentisi için de kod eklemek gerek.

gokhans dedi ki...

Yeni yazı gönderme formunda devamını oku kodları kullanılması bir işe yaramıyor.Diğer özellikleri iyi.Az önce bir yazı yazdım..

gokhans dedi ki...

Bişey farkettim.Yazı gönderme formunda yazı yazıp yayınlayınca eklebunu servisi yanlış çalılıyor linki görmüyor.O yüzden şimdilik sadece yorum formunu açmak diğer özelliklerin gelişmesini beklemek daha mantıklı.Bundan sonra yazılarımı yine eski yazı gönderme bölümünden yazıcam..

Alper dedi ki...

bizim gibi daha önceden disqus kullananlar için yenisini değiştirmek zor olacak sanırım

Da Vinci dedi ki...

Merhaba MaFiAMaX,

Bu özellik şöyle bir sorunu yanında getirmiş maalesef. Benim 200 yorumdan fazla yoruma sahip bir yazım var. Bu yazının sayfasına girdiğimde sadece 200 yorum gözüküyor ve en altta yorum kutusu var. Yani 200'den sonraki yorumları görmek için ne yapmak lazım bu durumda? Yardımcı olursan sevinirim.

Bu arada bu özelliği nasıl hayata geçireceğimizi açıkladığın için teşekkürler.

MaFiAMaX dedi ki...

@Gökhan, deneyimlerini paylaştığın için teşekkürler.

@Alper, disqus yorum formunu kulananların şablonları çok büyük değişimlere uğratılıyor. Bu yüzden işleri zor. Zaten dışarıdan bir servis ile böyle önemli bir özelliği kullanmak en başından saçmaydı. Sonuçta disqus.com yarın bu hizmeti vermeyebilir, yada kapanabilir.

@Da Vinci dediğin olayı bilmiyordum. Bir araştırayım. Haberdar ettiğin için teşekkürler.

Da Vinci dedi ki...

Sağol MaFiAMaX.

Eskiden de aynı şey vardı zaten. Yazının linkinden girildiğinde ilk 200 yorum gözüküyordu ama yorum linkine basıp yorum sayfasını açınca üstte sayfa linkleri gözüküyordu. Yani yorumlar 200 yorum olacak şekilde sayfalara bölünüyordu. Ama şimdi yorum sayfası olmadığı için o yorumlar nasıl görülecek bilmiyorum. Umarım bir çözüm bulursun bu soruna.

MaFiAMaX dedi ki...

@Da Vinci, son yazımda yorum sayfalandırma kodlarından bahsetmiştim.

Şimdi sana verdiğim kodları <dl id='comment-block'> satırından hemen önce koy.

Kodlar:

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

Da Vinci dedi ki...

MaFiAMaX,

Çok teşekkürler. Çok güzel oldu :)

Ufak birşey daha istesem ayıp olur mu? Mümkün müdür bilmiyorum ama sorayım. Buraya bakarsan diğer sayfaları gösteren linklerin en üstte hemen ilk yorumun orada olduğunu görürsün. Bunların aynısını en altta 200. yorumun hemen bitiminde de göstermek mümkün müdür acaba? Yani hem ilk yorumun orda hem de son yorumun orada. Görümün ve kullanış açısından çok daha iyi olacağını düşünüyorum eğer mümkünse tabi.

Tekrardan emeklerin için teşekkürler.

dada dedi ki...

Bilgilendirme ve çabalarından ötürü teşşekür ederim.

MaFiAMaX dedi ki...

@Da Vinci sorduğun sorunun cevabı çok basit, ama kendi çabanla da yapabileceğini düşünüyorum. Biraz gayret, inan çok basit.

@dada, rica ederim.

Da Vinci dedi ki...

MaFiAMaX,

Eminim çok kolaydır ama bilen için. Söylediğin şey İngilizce bilmeyen birine "bak şu İngilize gidip şuranın adresini sor, gerçekten çok kolay" demeye benzemiş :)

Yine de uğraşıp asıl sorunu çözdüğün için sağol.

atasagun dedi ki...

Allahım şükürler olsun!
Bunu herkesten çok istiyordum. Blogger'ı sevmek icin her gün bir neden daha buluyorum :)

MaFiAMaX dedi ki...

Arkadaşlar öncelikler genel bir açıklama yapayım. Hafta başından beridir staja başladığım için sabah 8 akşam 6 arası çalışıyorum. Bu nedenle de buraya oldukça kısıtlı bir vakit ayırabiliyorum.

Şimdi başka genel bir açıklama yapayım. Bazı arkadaşlar çekindikleri için mi bilmiyorum ama bana e-posta vasıtası ile soru soruyorlar. Bir taraftan e-posta üzerinden bombardımana uğruyorum bir yandan da blog üzerinden. Bu yüzden sizlerden ricam, hakkında yazı yazdığım bir konu için ekstradan e-posta üzerinden yardım istemeyin.

Şimdi genel isteklerden birine geçelim. Bazılarınız yorum formunu ekledikten sonra, formun sola dayanık çıktığını görecekler. Bunun temel nedeni main (bknz: Blogger Şablonunu Düzenleme - 2) ögesinin float:left değerini taşımasıdır. Bu yüzden de yorum formuna bir class (sınıf) tanımlayıp, CSS kodlarında tanımlama yapmalısınız. Örneğin;

HTML adımı
<div class='comment-formbox'>
Yorum formu kodları
</div>

CSS adımı
.comment-formbox {
padding: ??px ??px ??px ??px;
}

şeklinde düzenleyin. CSS tarafı tamamen size kalmış.

İyi çalışmalar.

Aybike dedi ki...

Sağol! Sağol! Sağol!

bhv dedi ki...

Tam süper oldu valla, saolaın. Şu görüş gönder kısmına başka bişey yazma olanağımız varmı acaba

İsimsiz dedi ki...

süper

İsimsiz dedi ki...

süper

memurdostu dedi ki...

Beğenmedim bu özelliği ben. Yorum formunun sayfa içinde olması iyi birşey ama çok büyük yenilik değil. Asıl wordpres gibi adı, maili, varsa http url si sorulmalı. Blogger yorumlarındaki bir saçmalık için de buraya tıklayın.

Ve bu saçmalığa nasıl son verilebilir acaba?

filmstar dedi ki...

disqus olaına lütfen çare bulun arkadaşlar:(

iddaa dedi ki...

Çok teşekkür ederim..Emeğinize sağlık

Damacana dedi ki...

Eyvallah babacan, 3 bloga az önce uyarladım. Koyunun olmadığı yerde keçiye Abdurrahman Çelebi derlermiş. Ne yapalım kullanacağız artık böyle :)

maswey dedi ki...

nayır n'olamaz sonunda yaptım :)

çαğяı™ dedi ki...

teşekkür ederim @MaFiAMaX

kadir dedi ki...

Yorum Formunu hallettik
ingilizce bilenler blogspot yetkililerine bir de bu sayfa numaralarını hatırlatsa

Sağolun Emekleriniz için Teşekkürler...

admin dedi ki...

Emeğe saygı duyduğumdan ilk önce size teşekkürlerimi sunuyorum.Ben Embouteillage temasını kullanmaktayım ve sizin yazdığınız yorum formu bilgisine göre her şeyi yaptım.Ama benim ayarlar/yorumlar seçeneğinde "aşağı katıştırılmış kayıt" seçeneği bulunmuyor.Sadece 2 seçenek var onlar da tam sayfa ve pop-up pencere.Bu konu hakkında acil yardım edebilirseniz çok iyi olur.Şimdiden teşekkür ederim...

MaFiAMaX dedi ki...

@admin, yazımın sonuna dikkat edersen Blogger in Draft üzerinden Blogger'a giriş yapmak gerektiğini açıklamıştım ;) Buradan giriş yaparsan ayarlarda bu seçeneği de görebilirsin.

MetaLGOD dedi ki...

Merhaba ben dedigin gibi yaptım oldu fakat görünüşü çok kötü oldu sizinki gibi güzel bi görünüm vermedi görünüşünden bir resim yolluyacagım siz ne demek istedigimi anlıyacaksınız : http://img516.imageshack.us/img516/1067/32569142hq5.jpg yardım ederseniz sevinirim güzel bir görüntüsü olsun istiyorum :)

MaFiAMaX dedi ki...

@MetaLGOD, görünüşünde ben bir tuhaflık göremedim. (?)

MetaLGOD dedi ki...

sizinki gibi çubugun üstünde isim görünmesini istiorm biraz göze yakışır görünsün yani

maswex dedi ki...

sorunsuz bir şekilde yaptım teşekkürler mafiamax

eddie dedi ki...

tema olarak başka bir temaya geçtim.
fakat yorum bölümü gözükmüyor.
dediklerini yaptım
fakat kaydetmeden önce html7 diye bir hata veriyor. yardım.

bebjo dedi ki...

of bunu yapmaları çok iyi olmuş bloğa yorum yazanlar arttı yav :)

MaFiAMaX dedi ki...

@eddie, bahsettiğin hata genel bir hatadır; bu konu ile alakası yok.

İndirdiğin şablon ile gelen sayfa ögeleriniz silip, şablonu kaydet, daha sonra ise burda anlattıklarımı uygula ;)

cengiz dedi ki...

çok teşekkür ederim. sorunsuz çalıştı.

İsimsiz dedi ki...

merhaba uğraşın için çok teşekkürler arkadaşım ama benim blogger da "aşağı katıştırılmış kayıt" diye bi seçenek yok.
sadece "tam ekran" ve "pop-up" seçenekleri var.
neden acaba.???bilen varsa yardımcı olabilir mi.??

MaFiAMaX dedi ki...

http://draft.blogger.com üzerinden giriş yaparak Blogger ayarlarına baktığında bu seçeneği de görmüş olacaksın. Yazımda da bunu 2. madde olarak açıkladım.

VOLKAN PEHLIVAN dedi ki...

pardon bahsetmişsiniz zaten benim hatam şimdi hallettim fakat
dediğiniz şeylerin hepsini yapmama rağmen hala disqus yorum formu gözüküyo sayfalarda

MaFiAMaX dedi ki...

@Volkan Bey, disqus yorum formu ile bunun bir alakası yok ki! Disqus yorum formu, 3. şahıslar tarafından hazırlanmış bir servis ve Blogger'da yorum formu olmadan önce bu hizmeti vermeye çalışıyordu. Şimdi Blogger'ın kendisi bu hizmeti devreye soktu ve Disqus gibi ekstra bir servise ihtiyaç kalmadı. Disqus servisinin Blogger ile alakası olmadığını da hatırlatmak isterim.

Ayrıca disqus yorum formunu kullanmak için şablonda çok büyük değişiklikler oluştuğu için geriye dönme ihtimali çok az. Bu yüzden bu yönteme geçmeden önce eğer varsa yedek şablonu yükleyip, daha sonra burada anlattıklarımı uygulayın. Ya da yeni bir şablon ile yola devam edin ;)

sweet dreams dedi ki...

dostum bu benim bloga olmadı ama? benim blog teması bloggerin kendi teması değil? bunu nasıl yapabilirim ozaman?

MaFiAMaX dedi ki...

@sweet dreams, bunca yazıyı bu tür sorular sorulmasın diye yazdım! Yazıyı dikkatli bir şekilde okursan herşeyi anlattığımı göreceksin.

Bunca kişi farklı şablonlar kullandıkları halde yapabildiğine göre sanırım sende hata var ;)

İsimsiz dedi ki...

teşekürler çok iyi bir uygulama

Yorum Gönder

Küfür ve hakaret içeren yorumları sevmiyor, Türkçe'nin doğru kullanıldığı yorumları ise çok seviyoruz.

HTML: <b>, <i>, <a> gibi temel HTML etiketlerini kullanabilirsiniz.

Son Yorumlar