Blogger Yorum Alanını Özelleştirmek

 

Blogger Yorum Alanını Vurgulamak

Blogger varsayılan yorum paneli oldukça kullanışlı ve güvenli olmasına rağmen bir o kadar da düz. Sade ve minimalist olması hem kullanıcı hem de tasarım açısından doğru bir yaklaşım ama çok sade olması da algıda seçiciliği azaltıyor.

Aslında her şey de olduğu gibi web site tasarımında da bir denge kurulması doğru bir yaklaşımdır.

Blogger Yorum Alanına Arka fon Renk Eklemek

Blogger varsayılan yorum alanına arka fon renk eklediğimizde hem sade hem de ayırt edilmesi kolay bir duruma gelmektedir. bu işlemi yapmak için :

Blogger > Tema > Özelleştir > HTML'yi Düzenle > Ctrl+F > .comment-block

Yolunu izleyip altına background: F6F6F6; padding: 5px;

ve  .comment-body altına background: F6F6F6;  padding: 5px;

eklediğimizde, yorum arka planı renklenmiş olacaktır.

background: F6F6F6; : Arka Plan renk kodu.

.comment-block ve .comment-body ögeleri temanızdan birden çok yer alabilir. Kodu ekleyeceğiniz  doğru yer için denemeniz gerekebilir.

Arka fon renklendirmek yerine örneğin çerçeve  (border-style: solid;) vb. CSS sitilleri de atayabilirsiniz.

Blogger Yönetici Yorum Alanı Rengini Değiştirmek

Sadece yönetici hesabına ait yorumların arka fon rengini farklı yapmak isterseniz

Blogger > Tema > Özelleştir > HTML'yi Düzenle > Ctrl+F > </body> 

etiketinin üstüne, alttaki kodları eklemeniz yeterlidir.

<!-- Yönetici Yorum Alanının Başlangıcı WebKenti -->
<script src='https://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('background','#F6F6F6')
.css('padding', '5px');
}
$(document).bind('ready scroll click', highlight);
});
</script><br />
<!-- Yönetici Yorum Alanının Bitişi WebKenti -->

background: F6F6F6 : Arka Plan renk kodu.

Temamızı kaydettiğimizde değişikler hoşunuza gitmedi ise kodları silerek temanızı eski durumuna getirebilirsiniz.

Blogger Yönetici Yorum Alanına Favicon Eklemek

Sadece yönetici hesabına ait yorumların fovicon eklemek isterseniz isterseniz

Blogger > Tema > Özelleştir > HTML'yi Düzenle > Ctrl+F > ]]></b:skin> 

etiketinin üstüne, alttaki kodları eklemeniz yeterlidir.

#comments .comments-content .icon.blog-author{

width: 16px;
height: 16px;
margin-left: 5px;
vertical-align: -3px;
display: inline-block;
background: url("FAVICON URL") no-repeat center center;
}

background: url("FAVICON URL") : Favikon resim URL

Blogger Yönetici Yorum Alanına Yazı Eklemek

Sadece yönetici hesabına ait yorumların yazı eklemek isterseniz isterseniz

Blogger > Tema > Özelleştir > HTML'yi Düzenle > Ctrl+F > ]]></b:skin> 

etiketinin üstüne, alttaki kodları eklemeniz yeterlidir.

#comments .comments-content .icon.blog-author:after{
content: 'Admin'; /* Yönetici Yazı */
background-color: #118ff9; /* Arka Plan Rengi */
color: #fff; /* Yazı Rengi */
font-size: 12px; /* Yazı Boyutu */
display: inline-block;
margin: 0px 7px;
padding: 2px 5px;
border-radius: 3px;
}

Kodları dilediğiniz gibi özelleştirebilirsiniz. Kolay gelsin.

Bloğuna Değer Kat...