Ana içeriğe atla

Orjinal Blogger Yorum Formunu iframe İle Çağırmak

Yeni, yine, yeniden...

Blogger İpuçları kategorisindeki yazılarım son zamanlarda gerek e-posta gerekse yorum yoluyla gelen öneriler sayesinde gelişmeye devam ediyor. Son olarak BlogHavan takma isimli bir ziyaretçinin yaptığı yorum üzerine orjinal Blogger yorum formunu iframe ile çağırmayı anlatacağım.

Blogger bir sene önce tıpkı WordPress'te olduğu gibi yazı altına yorum formu özelliğini devreye sokmuştu. Bundan önce yorum bırakabilmek için Yorum Gönder bağlantısına tıklayıp Blogger yorum formuna ulaşıyorduk. İşte bu yorum formunu iframe ile yazı altına çağırmaya ne dersiniz?

Blogger yorum formu geliştirildikten sonra bu yöntemin gereksiz olduğunu düşünebilirsiniz. Ancak bir çok yerde şu an kullanılan yorum formunu beğenmeyen blog yazarlarını düşündükçe işlerine yarayacak bir yazı olduğunu düşünüyorum.


Not: Burada anlatılan işlemlere geçmeden önce mutlaka şablonunuzun bir yedeğini alın! Şablonunuzdaki kodları sileceğimiz için geriye dönüş yapabilmek için bu yedeğe ihtiyaç duyabilirsiniz.

Not 2: Burada anlatılan işlemler Blogger'ın orjinal şanlonlarından olan Minima şablonu baz alınarak anlatılmıştır. Bu sebeple kendi şablonlarınızda bu uygulamayı gerçekleştirirken farklı yollar izlemek zorunda kalabilirsiniz. Lütfen bu konuda soru sormayınız.

Orjinal Blogger Yorum Formunu iframe İle Çağırmak


Adım 1: Blogger Yorum Formunu Pop-Up Olarak Ayarlayın


Blogger Yorum Formunu Pop-Up Olarak Ayarlayın

Blogger ayarlarınıza giriş yaptıktan sonra Yorumlar sekmesine tıklayın ve Yorum Formunun Yerleştirilmesi seçeneğini Pop-up pencere olarak değiştirin ve ayarlarınızı kaydedin.

Adım 2: Yazı Altındaki Yorumların Listelenmesini Silin


Yazılarınızın altında bulunan yorumların yerine iframe ile çağıracağımız orjinal yorum formunu yerleştireceğimiz için buradaki yorumların listelenmesini silmeliyiz. Bunun için şablon kodları arasındaki bazı kodları sileceğiz.

Adım 1'i tamamladıktan sonra Yerleşim sekmesi altından HTML'yi Düzenle sayfasını açın. Böylece şablon kodlarınızı görüntüleyeceksiniz. Kodların tümünü görebilmek için Widget şablonlarını genişlet kutucuğunu işaretleyin ve sayfanın yeniden yüklenmesini bekleyin.

Kodların tümünü gördükten sonra yorumların listelenmesini sağlayan kod bloğunu silmeye hazırız. Aşağıda vereceğim kodları şablon kodlarınız arasından bulun ve silin.


<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<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>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<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>
&#160;
<data:post.commentRangeText/>
&#160;
<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>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<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>


Unutmayın burada verdiğim kodlar değiştirilmemiş Minima şablonu için geçerlidir. Kullanmış olduğunuş şablon kodları farklılık gösterebilir.

Adım 3: Orjinal Yorum Formu Sayfasını iframe İle Çağırın


Adım 2'de sildiğimiz kodların yerine orjinal yorum formu sayfasını yerleştireceğiz. Adım 2'deki kodların bir koşullu sorgulama içinde olduğuna dikkat edin. <b:if cond='data:post.allowComments'>Adım 2'deki kodlar</b:if> Yani eğer o yazıya yorum yapılmasına izin verdiysek orjinal yorum formumuz listelenecek.

Aşağıdaki iframe kodunu adım 2'deki kod bloğunun yerine koyun.

<td><iframe expr:src='data:post.addCommentUrl' frameborder='2' height='500px' scrolling='yes' width='400px'/></td>


Burada iframe koduna ait genişlik ve yükseklik değerlerini kendi şablonunuza göre değiştirebilirsiniz. Hatta iframe kodunuza bir isim vererek CSS ile renklendirebilirsiniz de ;)

Adım 4: Şablonunuzu Kaydedin


Son olarak şablonunuzu kaydedin. Eğer burada verdiğim kod bloğundan başka bir şeyi silmezseniz şablonunuz hata vermeden kaydolacaktır. Unutmayın, sizin şablonunuzda tüm bu kod bloğu bütün halde olmayabilir; arada başka kodlar olabileceği gibi eksiklikler de olabilir.

Bitirirken...


MaFiAMaX Labs'a girerek ya da aşağıda ekran görüntüsünden örneği görebilirsiniz.

Orjinal Blogger Yorum Formunu iframe İle Çağırmak

Yorumlar

  1. güzel ama iframe'ler sorun çıkarabiliyor.

    YanıtlaSil
  2. Pek pratik gibi görünmüyor. Yine de kullanıcının zevkine kalmış..

    YanıtlaSil
  3. Blogger yorum formu eklentisini duyurmadan önce bunu kullananları görmüştüm. Peki bu iframenin boyutunu içeriğine göre otomatik büyütemiyor muyuz? Kaydırma çubukları hiç hoş olmuyor :)

    YanıtlaSil
  4. eski halide güzeldi iframe gerek bence de

    YanıtlaSil
  5. gerçekten süper olmus

    YanıtlaSil
  6. Esenlikler
    Blog oluşturmaya çalışırken 3 kolonlu bir şablon yükledim ve blogger eklentim(kpntrol paneli)kayboldu.Bana yardımcı olabilirmisiniz.

    Konuyla alakasız biliyorum ama cevaplarsanız sevineceğim.

    YanıtlaSil
  7. @Sedran,

    Height ve weight değerleri ile boyutunu sabitlediğimiz için kadırma çubuklarını kaybetmek için scrolling değerini auto yapabilirsin. Ancak bu şekilde de kullanışlı olmaz.

    YanıtlaSil
  8. @estergonyesil,

    Kontrol paneli nasıl kaybolur anlam veremedim. Lütfen alakasız sorularınızı iletişim formu ile sorun. İyi günler.

    YanıtlaSil
  9. ellerine sağlık.. sizin gibi üstadlar olduktan sonra bizim gibi çömezlerin sırtı yere gelmez bende binbir kafa yorup yaptığım search label kategori ile övünüyorum :)

    bu arada bu bahsettiğiniz ajax menü google chrome de de babalar gibi çalışıyor.

    bir şey soracağım arama sonuçlarına bir etkisi olur mu bunun + yada -

    YanıtlaSil
  10. o deminki yorumu ajax kategori sayfanıza yazacaktım yan sekmedeki sayfada yazmışım. iki sekmede iki ayrı konunuzu takip ediyordum üstad onu onaylayın ben copypaste ile öbür kouya cevap olarak taşıdıktan sonra silersiniz. :)

    blog işiyle kafayı yemiş vaziyetteyim o yüzden uğrak yeri edindim burayı :)

    YanıtlaSil

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.
Uyarı: URL adresi belirtirken lütfen başına http:// protokolünü koymayı unutmayın!

Bu blogdaki popüler yayınlar

Sabit Diskinizde 60 GB Yer Açmak İster misiniz?

Windows XP ile hayatımıza giren Sistem Geri Yükleme aracı bazı durumlarda hayat kurtarıcı olsa da kişisel deneyimlerimden yola çıkarak, fazla güvenmememiz gerektiğini öğrendiğim bu araç sabit diskinizin boyutuna bağlı olarak gerektiğinden fazla iştahlı olabiliyor.

Windows XP ve Windows 7 işletim sistemi kullanıyorsanız Sistem Geri Yükleme aracının sabit diskinizde kullanacağı boyutu belirleyebiliyorsunuz. İş Windows Vista'ya geldiğinde kullanıcı arayüzü ile bu işi halletmeye imkan yok. Komut satırı ile değişiklik yapak gerekiyor.

Sabit diskiniz zamanla biriken sistem geri yükleme noktaları sebebiyle her geçen gün kan kaybeder. İşte bu noktada, sabit disk boyutunuza bağlı olarak eski geri yükleme noktalarını silip 60 GB'tan fazla yer açmanız mümkün. Sistem Geri Yükleme aracı sabit diskinizin %15'i kadar yeri kendine tahsis edebiliyor. Günümüzde kullanılan sabit disk boyutlarını düşündüğümüzde de 500 GB'lık bir sabit diskte 75 GB yeri -bazen- gereksiz yere heba etmiş oluyo…

Blogger Şablonunu Düzenleme (Güncellendi)

Yeni, yine, yeniden...

Sanırım bu sloganın ne anlama geldiğini biliyorsunuzdur. Bilmeyenler için tekrarlarsam, bu sloganı Blogger İpuçları kategorisi altında yazdığım yazılarda başlangıç cümlemdir :-) Yaklaşık bir haftadır bir çok kişi bana "Yorum Gönder" butonunu nasıl değiştirdiğimi sorup durdu. Aslında cevabı çok basit; <img src=.../> etiketini kullanarak :-) İşlem bu kadar basit olmasına rağmen bir çok kişi bu ve bunun gibi basit işlemleri yapamıyor. Daha doğrusu sorun Blogger şablonunun XML olmasından kaynaklanıyor. Blogger şablonumuza baktığımızda herşeyin sunucularda barındırılan bir değişkene atandığını görüyoruz. Yani kimse şablununun kodları arasında "Yorum Gönder" ibaresini göremez! Onun yerine, <data:...> etiketi ile atanan değişkeni görür. Ancak değişken diyince akla garip garip ifadeler gelmesin, Google bu işi yaparken değişkenlere verdiği adlarda İngilizce anlamlarını verecek şekilde isimlendirme yapmış. Burda bahsi geçen "Yorum Gönde…