Bloggerda Patron Olduğunuzu Yorumunuzla Belli Edin

Aslında çok düşündüm en iyi başlık buydu sanırım.Anlamı şu benim de yorumlar kısmına baktığınızda blogun sahibinin yazdığı yorumların arka planı değişik böylece buranın patronuyum deyip biraz havanız oluyor.Wordpress temalarında görmüşsünüzdür.Bu bazılarına ters gelebilir ben neysem okuyucum da odur diyebilirsiniz.Ama benim hoşuma gitti.Ben uyguladım, uygulamak isteyenler için anlatayım.Bu ipucundaki mantık sadece arka planı değiştirmek.Bunun için yapmanız gereken bir kaç adım var.Uygulaması kolay.Başlayalım:

  • Önce her zamanki gibi sorumluluk icabı şablonuzun yedeğini alın.Yerleşim-Html Düzenle diyoruz.
  • Daha sonra Widget Şablolarını Genişletip şu kodları şablonunuzda bulun: Kolaylık olsun diye ilk satırı <dl id=’comments-block’> Ctrl+F komutuyla ararsanız karşınıza çıkar

<dl id=’comments-block’> <b:loop values=’data:post.comments’ var=’comment’> <dt class=’comment-author’ expr:id=’data:comment.anchorName’> <a expr:name=’data:comment.anchorName’/> <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>

  • Sonra bulduğunuz bu kodu komple seçip yerine şu kodu yapıştırın:

<ul class=’commentlist’ style=’margin: 0; padding: 0;’> <b:loop values=’data:post.comments’ var=’comment’> <b:if cond=’data:comment.author == data:post.author’> <li class=’author-comments’ style=’margin: 0 0 10px 0;’> <b:if cond=’data:post.dateHeader’> <div class=’commentcount’/> </b:if> <cite> <b:if cond=’data:comment.authorUrl’> <a expr:href=’data:comment.authorUrl’><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> </cite> <br/> <div style=’clear: both;’/> <b:include data=’comment’ name=’commentDeleteIcon’/> <p><data:comment.body/></p> <div class=’commentlink-date’><a class=’commentlink’ expr:href='”#comment-” + data:comment.id’ title=’comment permalink’> <data:comment.timestamp/> </a></div> <div class=’clear’/> </li> <b:else/> <li class=’general-comments’ style=’margin: 0 0 10px 0;’> <b:if cond=’data:post.dateHeader’> <div class=’commentcount’/> </b:if> <cite> <b:if cond=’data:comment.authorUrl’> <a expr:href=’data:comment.authorUrl’><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> </cite> <br/> <div style=’clear: both;’/> <b:include data=’comment’ name=’commentDeleteIcon’/> <p><data:comment.body/></p> <div class=’commentlink-date’><a class=’commentlink’ expr:href='”#comment-” + data:comment.id’ title=’comment permalink’> <data:comment.timestamp/> </a></div> <div class=’clear’/> </li> </b:if> </b:loop> </ul>

  • Son adımdaysa aşağıdaki kodu </b:skin> kodunda hemen önce yapıştırıp kaydediyoruz.Bu kadar!

.author-comments { background: #cccccc; border: 1px solid #333333; padding: 5px; }

Bu koddaki background arka plan rengini şu adresdeki renk kodlarına göre kendinizce değiştirebilirsiniz.Hayırlı olsun kolay gelsin.Deneme amaçlı yapayım bir tane yorum

İngilizce Kaynak

Reklamlar

Etiketler: , , , , , ,

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s


%d blogcu bunu beğendi: