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
linkin etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
linkin etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
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

Görmüşsünüzdür belki bazı linklerin üzerine gelindiğinde açılan bilgi kutucukları ve içinde benim yazdığım küçük notlar... Bunları JotForm iletişim formu sitesinin javascript kod dosyasının (.js) içinden aldığım bir kısım kodu yine kendime ait bir .js dosyası oluşturarak içine kaydetmemle oluşturdum. Ve İletişim sayfasını kullanan bir arkadaş mesajında bunu nasıl yaptığımı yazmamı istiyordu.


1) Öncelikle blogunuzun Şabon yönetim panelinde HTML'yi Düzenle sekmesine girin.

2) Şablonunuzda Ctrl+F yardımıyla <body> tagını bulun. Ve hemen altına şu kodu ekleyin;
<script src='http://pagesAdresiniz.googlepages.com/lnktck.js'/>

3) Bundan sonra blogunuzda kutucuk açılmasını istediğiniz linklerin kodlarını düzenleyin, linki fazla değiştirmenize gerek yok, <a kod başlangıcından sonra bir boşluk bırakıp onMouseout='hideddrivetip()' onMouseover='ddrivetip("Buraya görüncek olan mesajınızı yazın")'kodlarını yerleştirin.

Örneğin size bir link kodu; <a onMouseout='hideddrivetip()' onMouseover='ddrivetip("Link Metnininüzerine gelindiğinde kutuda çıkan yazı")' border='0' src='http://www.destekblogger.blogspot.com'>Link

Metni</a>

Diğer Yazılar