Blogger Destek Ekibi Olarak Sizi Sorunlarınızla Yalnız Bırakmıyoruz,Aradığınızdan Fazlasını Bulacağınıza, Destek Ekibi Olarak Garanti Veriyoruz ...

Blogger Destek
yorum etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
yorum etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger kontrol panelinize giriş yapın.

Yerleşim'i tıklayın.

HTML/JavaScript öğesi ekleyin

Aşağıdaki kodları ekleyin. BLOGSAYFANIZ kısmını kendinize göre değiştirin.

<script
type="text/javascript">

function
pipeCallback(obj) {

document.write("<ol>");

var i;

for (i = 0; i <
obj.count ; i++)

{

var href = "'" +
obj.value.items[i].link
+ "'";

var item = "<li>" + "<a
href=" + href + ">" +
obj.value.items[i].title
+ "</a> </li>";

document.write(item);

}

document.write("</ol>");

}

</script>

<script
src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&

_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2FBLOGSAYFANIZ.blogspot.com&num=10"
type="text/javascript"></script>

10 Haziran 2008 Salı

Yorum Yap Linkleri

Yorum Yap Linkini Resimli Yapmak, Yorum yap linklerini değiştirmek, yorum yap linklerine açıklama kutucukları eklemek, yorum yap linkini düzenlemek gibi olayları bu yazıyı okuduktan sonra kavrayabilirsiniz diye tahmin ediyorum

Blogger'daki tüm yorum yap linklerini anlatacağım size, öncelikle yazı sayfasındaki yorum yap linkini anlatacağım size, hani şu tüm yorumların altında çıkan Yorum Yap linki... Başlamadan önce tabiki şablonunuzun HTML Düzenle kısmına girip Widget Şablonlarını Genişlet yapıyorsunuz ki linkleri görebilelim


HTML Düzenle kısmında;

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
şeklinde
olan link bizim Yorum Yap linkimizdir. Bu link içinde yapacağınız değişikliklerden en önemlisi şudur;

<data:postCommentMsg/>kodunun yerine kendimiz istediğimiz başka bir şeyi koymak. Başka bir yazı mesela, bu kodu silip yerine Yorumla beni, Yorum çak! vs gibi şeyler yazabilirsiniz. Veya da bunun yerine bir resim kodu koyabilirsiniz. Örneğin;

<img src='resimlinki' border='0'/>şeklinde bir resim kodu koyduğunuzda artık yorum yap linki kalkacak, yerine resim çıkacaktır. Resme tıklandığında yine yorum yap penceresi açılacaktır

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>


Ayrıca bu link kodunda <a'dan sonra title='açıklama'kodunu getirirsek, linkin veya sizin ayarladığınız resimin üzerine gelindiğinde açıklama yazan bir yazı çıkar


Şimdi "x tane yorum var" gibisinden gelen yorum yazısına bakacağız... Hani şu yazının tam altında görünen, ana sayfada da görünen yorum yap linki... Bu ise HTML Düzenle sayfamızda şu şekilde bulunur;


<a class='comment-link' expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>

<data:top.commentLabelPlural/></b:if></a>
Bu kodda da istediğiniz değişiklikleri yapabilirsiniz.


<b:if cond='data:post.numComments ==

1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>

<data:top.commentLabelPlural/></b:if>
Kodunun yerine bir resim kodu koyabilir,<a 'dan sonra title kodunu yerleştirebilirsiniz. Resim kodu koyarsanız artık yorum sayısı görünmeyecek, sadece yorum yap linkine dönüşecektir.

Ayrıca

Linklerin üzerine gelindiğinde açılan küçük kutucuklar
yazımda anlattığım html düzenlemelerini yaptıktan sonra yani javascript dosyasının adresini html'nize kaydettikten sonra, bu yorum yap linklerindeki <a'lardan sonra da onMouseout='hideddrivetip()' onMouseover='ddrivetip("Link Metninin üzerine gelindiğinde kutuda çıkan yazı")' kodunu ekleyebilirsiniz. Böylece yorum yap linkinin üzerine gelindiğinde çıkması için değişik değişik açıklamalar yazabilirsiniz

7 Haziran 2008 Cumartesi

Blogunuzda renkli yorumlar

Wordpress kulllanıcılarında görüp kıskandığım bir özellik vardı: Site yazarının yorumları yani ziyaretçilerin yorumlarına verdiği cevaplar farklı renkte gösteriliyordu. Buradan bu özelliğin Blogger için de yapılabileceğini gördük.
Eğer çok yorum alan bir blogcu iseniz kullanmanızda fayda var.

Nasıl yapılıyor?


Kontrol Panel>>>Yerleşim>>>HTML'yi düzenle
Widget Şablonlarını Genişlet seçeneğini işaretleyin.
CSS tagları arasına yani şu kodlardan (]]> ) hemen öncesine şu satırları ekleyin.


.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

.comment-body-author {
margin:0;
padding:0 0 0 20px;

}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
background: #6699FF;
}

Burada background ve color değerleri ile oynayarak renkleri temanıza uydurun. (Not: Bazı temalarda .comment-body etiketi olabilir. Şu kodları bulun. (Firefox ile CTRL+F )

Yukarıda yazılanlardan hemen sonra sonra şu kodları ekleyin.

Şu satırın önüne

Diğer Yazılar