Blogspot DISQUS Yorum Formunu Özelleştirme

Blogspot /Blogger'da DISQUS yorum formu kullananlar için DISQUS yorum formunu özelleştirme.
DISQUS hesabımızda oturum açıyoruz. Settings /Apearance yolunu takip edin,
Sayfanın altında Custom CSS bölümüne aşağıdaki kodları yapıştırıyoruz ve sayfamızı kaydediyoruz.

#dsq-comments-title h3 {
color:#333;
}

#disqus_thread {
padding:12px;
margin-bottom:-10px;
}

#disqus_thread h3 {
color:#333;
font-weight:bold;
font-family: Helvetica, sans-serif;
font-size:22px;
padding-bottom:.5em;
}

#dsq-content div.dsq-options {
background:none;
padding-bottom:0px;
}

#dsq-comments li.dsq-comment {
margin-top:12px
margin-bottom:12px;
padding:12px;
background:#F0F0E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
}

#dsq-content div.dsq-post-area {
padding:12px;
background:#F0F0E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
-webkit-box-shadow: 0px 0px 10px #ECF40B;
-moz-box-shadow: 0px 0px 10px #ECF40B;
}

#dsq-content .dsq-comment-header {
background:#FAEBD7;
}

.dsq-brlink {
display:none;
}

#dsq-content .dsq-comment-message {
background:#F0F8FF;
padding:12px;
font-size: 13px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#dsq-content #dsq-authenticate .dsq-login-buttons {
background:none;
background-image:none;
margin-bottom:0;
}

#dsq-content #dsq-form-area .dsq-textarea .dsq-textarea-wrapper,
#dsq-content #dsq-form-area .dsq-post-fields .dsq-input-wrapper {
border: 1px solid #ccc;
}

#dsq-new-post div.dsq-request-user-info {
background:none;
padding-bottom:0px;
}

Blogger blogspot yorum formu Disgus kullanımı, Disqus yorum formu özelleştirme CSS kullanımı