Blogger(blogspot’ta) çift renkli yorumlar

13Genellikle Wordpress tabanlı bloglar da görmeye alışık olduğumuz , bu özellik sayesinde , yorumların arka planın iki farklı renkte gösterebilir yorumların daha belirgin olmasını sağlayabilirsiniz.
 
Javascript kullanılarak , Blogger(Blogspot’a) uyarlanmış bu eklentinin demosu için buraya bakabilir, kendi blog’unuz da  kullanabilmek  içinse aşağıdaki adımları takip edebilirsiniz..


1.Adım Sırası ile Blogger kumanda paneli —> Tasarım - ->  HTML’yi düzenle yolunu takip edin burada bulunan "Widget şablonlarını genişlet" yazan seçeneği işaretledikten sonra, klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra ]]></b:skin> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin.

 

 

.bgc1{background:#BFF} .bgc2{background:#F4F4F4}


2.Adım CSS kodlarını ekledikten sonra aşağıdaki Javascript kodlarını ]]></b:skin> ifadesinin hemen altına gelecek şekilde ekleyin.
 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
 
Not: Bu kodu daha önce eklediyseniz bu adımı geçebilirsiniz.
 
Böyle Görünecek
javascript-ekle
 
3.Adım Widget şablonlarını genişlet yazan bölümün işaretledikten sonra <b:loop values='data:post.comments' var='comment'> kodunu bulun ve hemen üzerine gelecek şekilde aşağıdaki kodu ekleyin.
 

 

<script type='text/javascript'>var cCounter=0;</script>


Yine <b:loop values='data:post.comments' var='comment'> kodunun hemen altına gelecek şekilde aşağıdaki kodu ekleyin.
 

 

<script type='text/javascript'>
cCounter=cCounter+1;
var du=cCounter%2;
function addclass(a){
if(du==0){
$(document).ready(function(){
$("."+a).addClass("bgc2");
});
}
else{
$(document).ready(function(){
$("."+a).addClass("bgc1");
});
}
};
</script>
<script type='text/javascript'>addclass('<data:comment.anchorName/>');</script>
 

Böyle görünecek.
yorum-renkli

4.Adım  Yukarıdaki kodu ekledikten sonra  ilk </b:loop> kodunun hemen üstüne gelecek şekilde aşağıdaki kodu ekleyin.
 
</div>

 

Böyle Görünecek

son-kod

Paylaş !

7 yorum:

  1. Merhaba
    Çevremdeki arkadaşlardan gördüğüm kadarı ile , Yorum yazdıktan sonra hemen adlarını yazıp göndermek istiyorlar.
    Yani profil seçimine gir , çıkan seçeneklerden birini seç vs.uğraşmak istemiyorlar.

    Acaba tavsiye edeceğiniz , bu tür basit bir Türkçe yorum yazma eklentisi varmıdır.
    Saygılar

    YanıtlaSil
    Yanıtlar
    1. Merhaba Erkoç.

      Daha önce alternatif yorum formları tanıtmıştık bu formların tasarımını ve işlevini istediğin gibi özelleştirme imkanın bulunuyor bunlara üye olduktan sonra biraz incelersen seçeneklerde, yorum yapılacağı zaman istenilecek bilgileri kendi tercihlerin doğrultusunda belirleyebilirsin.

      Sil
  2. Tayfun bey, o kadar çok soru sordum ve ilgilendiniz ki artık çekinerek soruyorum:)

    Şimdiki sorunum, blog yazılarımın alt kısmında yer alan, üzerinde yorum sayısı ve etiket isimlerinin bulunduğu bölümde (bu bölümün adı ne bilmiyorum) etiket isimleri birbirine bitişik görüntüleniyor, arasında boşluk yok. Muhtemelen yine kodlarla oynarken yanlışlıkla bir yerleri sildim ama nereyi sildim onu bulamadım. Yorum sayısını gösteren bölümde de aynı sorun var.

    Hala sorularımdan bıkmadıysanız yardımınızı rica ediyorum:)

    YanıtlaSil
    Yanıtlar
    1. bildiğim bir konuysa yardımcı olmaya çalışırım soru sormanızın hiç bir sakıncası yok...

      bahsettiğiniz bölümün adı post-footer yani yazıların geldiği bölüm post ve altınada footer deniyor oradaki linklerin arasında boşluk vermek isterseniz margin değerini kullanabilirsiniz.

      aşağıdaki kodu şablonuza ekleyin

      .post-footer a {
      margin:0 5px 0 0;
      }

      Sil
    2. Çok teşekkür ederim.

      Sil
  3. Yanıtlar
    1. anlatım blogger eski yorum formuna uygun yanıtla(cevapla) özelliğini aktifleştirdiysen kodlar değişebiliyor ... vakit bulursam her iki yorum formu içinde birer anlatım hazırlarım.

      Sil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz