Perhatikan gambar di atas. Yang warna ORANGE itu adalah contohh dari yang akan saya jelaskan. Langsung saja g usah banyak omong.
1. Login ke Akun Blogger anda.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode ]]></b:skin>
Dan Simpan kode CSS berikut diatasnya :
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode ]]></b:skin>
Dan Simpan kode CSS berikut diatasnya :
/*comment messages*/
.visitormessages {
text-align: right;
color: #F90;
padding-right: 3px;
font-style:italic;
}
.visitormessages a:link{
color: #F90;
font-style:italic;
}
.visitormessages a:hover{
color: #F90;
border-bottom: solid 1px
}
.visitormessages a:visited{
color: #F90;
}
.visitormessages {
text-align: right;
color: #F90;
padding-right: 3px;
font-style:italic;
}
.visitormessages a:link{
color: #F90;
font-style:italic;
}
.visitormessages a:hover{
color: #F90;
border-bottom: solid 1px
}
.visitormessages a:visited{
color: #F90;
}
7. Cari kode <data:comment.body/> dan simpan kode berikut tepat dibawahnya:
<div class=visitormessages>
<b:if cond=data:comment.authorUrl>
<a expr:href=data:comment.authorUrl rel=nofollow><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
Thanks for your last comment in»
<span><a expr:href=data:post.href><data:post.title/></a></span>
</div>
<b:if cond=data:comment.authorUrl>
<a expr:href=data:comment.authorUrl rel=nofollow><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
Thanks for your last comment in»
<span><a expr:href=data:post.href><data:post.title/></a></span>
</div>
Setelah itu save, lalu lihatlah hasilnya.
0 comments:
Post a Comment