Blogger kullanıcıları bu yorum kutusunu çok beğeniceklerinden eminim. Aşağıdaki resimde gösterilen sizlerin blogunu görülen yorumlar :
İlk olarak şablonunuzun yedeğini alrak başlayalım. Sonra Yerleşim/HTML'yi düzenle/Widget Şablonlarını Genişlet diyoruz, aşağıdaki kodu arıyoruz :
CTRL+F tuşuyla kodu bulabilirsiniz...
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;
}
.deleted-comment {
font-style:italic;
color:gray;
}
Şablonu kaydediyoruz.Koda ki URL'yi değiştirerek kendiniz tasarlayabilirsiniz. Yaptığımız aşağıdaki resimde görüldüğü gibi oluyor. Düz ve sade bir tasarım...
Kendi tasarladığınız yorum kutusundan görünüm :
İşlemler burada sona eriyor, herkese kolay gelsin.
Kayıtlar
Pazartesi, 09 Mart, 2009
Yapmışsın yine yapacağını fikir kutusu:)
mink soru 1: koddaki url yi değiştir demişsin. o url ye kendi blog adresimizimi yazacağız?
2. şu CTRL+F ile kod bulmayı bi anlamış değilim. nasıl?
Pazartesi, 09 Mart, 2009
1. O url'le, resimde görünen turuncu yeri isterseniz kendiniz yapıp url'esini koyabilirsiniz anlamında..
2. CTRL+F tuşlarına basarak bulma ise, siz mozilla kullanıyorsanız sağ da altta çıkıyor diğerlerinde nerede çıktığı ben de bilmiyorum ama genelde sağ da altta çıkyor oraya aranacak kelimeyi yazın sonraki diyin o size gösteriyor..
Pazartesi, 09 Mart, 2009
malesef yukarıda verdiğin koda birebir eşleşen kod yok şablonda.. comment kelşmelerini buldum ama kodun başlangıcı sonu senin yazdığın gibi değil.. o yüzden nerden başlayıp nereye kadar silmek gerektiğini çözemedim haliyle..
Salı, 10 Mart, 2009
çok yaralı şeyler var.boş bi zamanda deniycem inşallah.:)