Blogger'a Yorum kutusu nasıl Eklenir ?

   Blogger sayfanıza vaeya başka "öz site" plartformlarına google ile eşleştirilmiş veya diğer plartformlar ile eşleştirilmiş yorum kuruları nasıl eklenir bunları sizlere alt alta sıraladık.

Ayrıca aşağıdaki yorum kutularını siz kendi keyfinize göre dilediğiniz gibi şekillendirebilirisiniz.


# 1:

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. 

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.

#2 
 GÜNCELLENECEKTİR !!!