Blogger Yorumlar Renk ve Şekil Özelleştirme

Merhaba blogumuzun guzīde takipçileri uzun zamandır yazı yayınlamıyordum eğitim işlerim sebebiyle. Yaz gelmesi aracılığıyla bir kaç yazı paylaşmak istedim, takip de kalın.. 

Bugünkü yazımda Blogger blogunuz yorumlar bölümü şeklini değiştirmeyi, biraz renklendirmeyi anlatacağım aslında bayağı ranklendirebilirsiniz alttaki ekran görüntüsünde olduğu gibi.Bu renklendirme özelleştirmelerinden başka bir diğer göze çarpan unsur ise yorumcu profil fotoğraflarının yuvarlanmış halde oval gözükmesi yazımın devamında kod eklemeleriyle. 

Bu yazımda da yazılarınızdaki okuyucularınınzın okurken seçtikleri alanın arkaplanını renklendirmeyi anlatmıştım. Eğer bunu blogunuza yapmak isterseniz:

-

• Blogger Şeçilen Yazı Metin Alanı Rengi Değiştirme

-

Nasıl yaparım bunları?

NOT : Bu eklentiyi blogunuza eklerken blogunuzun şablonunda birkaç ekleme çıkarma yapacağız ve bu düzenlemeleri yaparken yanlış bir şey yaptığınız taktirde sıkıntı olmaması ve rahat bir şekilde düzenleme yapabilmek için şablondan şablon yedeğini almayı unutmayınız.

Yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla ]]></b:skin> kodunu bulun ve bir satır üstüne alttaki kodları yapıştırın.

kod:

/*==========================================================

Türk Blog Yardımcısı Yorumlar Renk ve Stil Özellleştirmeleri

==========================================================*/

.comments h4

{

color:#8c1d17;

display: inline-block !important;

background:#3bcc4e;

padding:12px;

}

.comments .comment .comment-actions a {

background:#3aad59;

border-radius: 5px;

color: #f7ffbc;

font:12px georgia;

margin-right: 8px;

padding:5px;

text-decoration: none !important;

}

.comments .comment-block {

background: #edb1b1;

border: 2px solid #41a871;

padding: 10px;

}

.continue

{

border-top:none !important;

}

.continue a {

background:#3ac19d;

border: 1px solid #a8666b;

border-radius:15px;

color: #e5e5e5;

display: inline-block !important;

margin-top: 8px;

padding:5px;

text-decoration: none !important;

font:12px georgia ,arial;

}

.comment-header a {

color: #e53434 !important;

}

#comments .avatar-image-container img {

border:2px solid #2aaf64;

border-radius: 50px 50px 50px 50px;

height: 58px;

max-width: 58px;

}

.comments .avatar-image-container {

border: 2px solid #37ce5f;

border-radius: 34px 34px 34px 34px;

box-shadow: 1px 1px 3px #dcdcdc;

float: left;

margin-left: -20px;

max-height: 61px !important;

overflow: hidden;

width: 61px !important;

}

Yukarıdaki kodlar bu haliyle blogum için oluşturduğum görüntüyü verecektir temayı kaydettiğinizde dilerseniz buradaki tüm değerleri özelleştirebilirsiniz. Gereken renk kodları için HTML Renk Kodları İsimleriyle Tüm Renkler adlı yazımı kullanabilirsiniz.

Arama açıklaması :

How To Customize Comment Box In Blogger blogger yorum kutusu nasıl özelleştirilir renklendirilir yorumlar Blogger'da Açıklama Kutusu Nasıl Özelleştirilir? blogger yorumları düzenleme blogger yorum kutusu değiştirme blogger yorum yorumlar formu düzenleme kod kodu ekleme eklentisi blogger yorumlara stil verme vermek yorum yanıt alanı