 |
| Blog Sahiplerinin Yorumlarını Farklı Renkte Gösterme |
Blogger Dersleri kuşağında bloglarında ki yorumlarını kullanıcılarından rahat ayır edebilsin isteyen blog sahipleri için yorum rengini farklı bir arka planda sunma konusunu sizlerle paylaşmaya çalışacağım.
Demo örneğinde görüldüğü gibi kendi yorumlarınızı daha dikkat çekici şekilde farklı arka fon renginde sunabilirsiniz.
Blog Sahiplerinin Yorum Renklerini Farklı Gösterme
1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz. Widgetleri genişlet kutucuğunu işaretliyoruz.2 ) Ardından CTRL+F yardımı ile </body> kodunu bularak hemen üzerine Blog Sahiplerinin Yorum Renklerini Farklı Gösterme kodlarını ekliyoruz.
<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- ss highlight author starts -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', 'dashed blue 1px')
.css('background','#F0A2A2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- ss highlight author ends -->
Blog Sahiplerinin Yorum Renklerini Farklı Gösterme Kodları Üzerinde Yapılabilecek Değişiklikler
- Kırmızı olarak belirlenmiş alan blog sahibinin yaptığı yorumların arka plan rengini belirler. Demo örneğinde görebileceğiniz gibi arka plan pembemsi bir tarzdadır. #F0A2A2 renk kodunu değiştirerek arka plan rengini ayarlayabilirsiniz. Red Kodları >>
- Mavi olarak verilmiş blue yazısı blog sahibinin yorumunun çevresinde ki çerçevenin renk kodudur. Dilediğiniz gibi değiştirebilirsiniz. Pembe 1px ise çerçevenin kalınlığını belirler. Daha kalın bir çerçeve oluşturmak istiyorsanız sayıyı artırabilirsiniz.
Yorum Gönder