Searching...
3 Ocak 2013 Perşembe

Blogger Yorum Balonu Eklentisi

Blogger Yorum Balonu Eklentisi
Blogger anasayfasında konularınızın yanına resimdeki gibi resim üzerinde yorum sayısını göstermek isterseniz bu eklenti tam size göre. Oldukça basit kuruluma sahip olmasıyla birlikte sitenize ayrı bir güzellik katıcak.

Kurulum: Şablon>Htmlyi Düzenle>Devam Et yolunu izleyerek Widget Şablonlarını Genişlet diyoruz.Ctrl+F yardımı ile aşağıdaki kodu aratın.

]]></b:skin> 

Bulduğunuz kodun üzerine aşağıdaki kodu ekleyin.

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNy6tpl_fW0mRMFCwderL3ulnyDWQkjVCPSKVm6KfOEjheCGZ6ZuANHMR-b0g7mI0avAZ7LYyAXPvD66uOgMAg5k3wzvEe_zg53peQ7Q42LqNDEQcvDI-pYvg5yOooXUZ3yxEqM6w1rj_/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}


Yükarıdaki kırmızı ile gösterilmiş kodu aşağıda vercegimiz resimlerle yada istediğiniz resimlerle değiştirebilirsiniz.

Şimdiki adımda ise yorum balonu kodunu anasayfamıza eklemeye geldi bunun için aşağıdaki kodları bulun.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>


Eğer kodları bulamadıysanız temanızda sadece bir kısmını örneğin '  post-title entry-title ' kısmını aratıp bulmanız gerekmektedir.

Eğer kodları bulduysanız aşağıdaki kodları hemen sonrasına ekleyin.

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>


Kod içerisinde kırmızı ile işaretlediğim yeri kendinize göre ayarlayabilirsiniz.

Şimdi vericek olcağım resimleri css ye eklediğimiz yani ']]></b:skin>' kodundan önce eklediğimiz kodların içinde kırmızı renk ile gösterdiğim kodla kendinize göre isteğinize göre değiştirebilirsiniz.

Almak istediğiniz resmi sağ tıklayıp 'Resim konumunu kopyala' diyip Ctrl+V yardımıyla yapıştırabilirsiniz.

Blogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu EklentisiBlogger Yorum Balonu Eklentisi

0 yorum:

Yorum Gönder

yorumunuzu buraya yazabilirsiniz

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

 
Back to top!