Blogger Yorum Balon Eklentisi

Yorum  Balon Eklentisi
Blogger Yorumlar kutusuna Değişik Balonlar Ekleyin
Blogger, Klasik ve Dinamik bloglarınızda yazılan yorumların, yorum sayfanızda numaralı balon şekinde görünümünü sağlayabilirsiniz.Yorumlarınızda görülmesini istediğiniz şık balon CSS kodunu blogunuz yönetim sayfasından HTML düzenlemesi ile hemen uygulamaya geçirmek için aşağıdaki adımları izleyiniz.
Yorum Kutusu Balon Efekleri
1.Şablonlar Yedekle/Geri yükle ile yedeğinizi alın
2.Şablon HTML düzenle tıklayın
3.Devam tıklayın
4.Aşağıdaki kodu kopyalayın
5.Açılan şablonda CTRL+F ile aratın
]]></b:skin>
6.Yukarıdaki kodu bulduktan sonra aşağıdaki kodu kopyalayarak hemen üstüne yapıştırın.
ve şablonunuzu kaydedin
.comment-thread li:before {
    content: counter(countcomments,decimal);
    counter-increment: countcomments;
    float: right;
    font-size: 22px;
    color: #555555;
    padding-left: 10px;
    padding-top: 3px;
    background: url(https://lh5.googleusercontent.com/-TNumi1YHwYo/UJApVtHGsMI/AAAAAAAALBI/Mtnodgr9Kj8/s128/9.konu%C5%9Fma%20balonu.png) no-repeat;
    margin-top: 7px;
    margin-left: 10px;
    width: 50px;
 /*image-width size*/
    height: 48px;
 /*image-height size*/
}
 
.comment-thread ol ol {
    counter-reset: contrebasse;
}
 
.comment-thread li li:before {
    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
    color: #666666;
Yukarıdaki kodlarınızı özelleştirmek isterseniz ;
Numara açıklamaları :
1.Sayı olarak görülen metnin sol (sayı) boyutunu düzenleyin
2.Üstte gördünüz balon içindeki metinin konum boyutunu
3.Balon görünüm şeklini farklı bir balon resim linkinide “URL” kullanarak değiştirebilirsiniz.Resim için picasa kullanabilirsiniz.
4.Kenar konumunu değiştirebilirsiniz
5.Kenar değeri zevkinize göre px yükseltip, düşürebilirsiniz.
1.
2.
3.

4.
5.
padding left: 10px
padding top: 3px
background:url(https://lh3.googleusercontent.com/oOYzlA1HucKs9Rkai8t6 VrDFvttl5nfOHCpQjDBZB3JD51U2yFtK52y9Qc4C1h2wzvhi-thbbrOh_ZSCyCwzYVijJOGyme6KPfhFE5I1fBl6R5Jucm9w)norepeat;

margin top: 7px
margin left: 10px
Yorum balon resimlerini buradan inceleyin. Picasa da hazırladığım resimler web ortamında yayınlanmış olup, istediğinizi kullanabilirsiniz. Anlatılan konuyu beğendiyseniz aşağıda bir yorum bırakın.
Balon resim örnekleri ;
Yorum Balon resimleri 

Yorumlar

  1. adnan hocam merhaba,sitenizdeki gibi popüler kategoriler arşiv widgetını yanyana 3 lü şekilde nasıl ekleyebilirim bloğuma acaba?

    YanıtlaSil
    Yanıtlar
    1. Halis bey bu tema ile birlikte kurulan bir kod.Ben kurmadım.Tüm tema yaızlarımda aşağı yukarı bu eklenti var.Sizin kullandığınız tema için bu kod elimde yok.Ama kodu bulursam size bilgi veririm.

      Sil
    2. tmm hocam teşekkürler

      Sil
    3. Halis bey merhaba. Kodu buldum ancak üzerinde çalışma yapmam lazım.Biliyorsunuz birçok kod içinde gizli eklentiler mevcut.konu hakkında netleşmem lazım.İnceleme işlemi bittiğinde yayınlayacağım.Görüşmek üzere.

      Sil

Yorum Gönder