Tips Membuat Background Pada Post a Comment Box / Kotak Komentar Posting

Membuat background pada post a comment / komentar posting adalah dimana pada bagian kotak komentar akan kita warnai dan atau dikasih suatu background/gambar, dimana tujuan dari tips ini agar bagian tersebut terkesan lebih manis, menarik dan mudah dalam pengomentaran. Langkahnya sih simple aja cuman menaruh bagian pemanis ini pada css komentar.

Langkahnya :
1. Login blogger
2. Layout + Edit HTML + Backup dahulu + Centang "Expand Widget Templates"
3. Cari kode --> /* Comments */
Untuk kepunyaan saya seperti ini :

/* Comments
----------------------------------------------- */

#comments h4 {
.......................
}

#comments h4 strong {
.......................
}

#comments-block .comment-author {
.......................
}

#comments-block dt {
.......................
}

#comments-block dd {
.......................
}

#comments-block dd.comment-footer {
.......................
}

#comments-block dd p {
.......................
}

.deleted-comment {
.......................
}

display: none;
.......................
}

#blog-pager-newer-link {
.......................
}

#blog-pager-older-link {
.......................
}

#blog-pager {
.......................
}

4. Kemudian sisipkan kode dibawah ini diantara / dibawah --> /* Comments */

Tanpa Image Background :

/* Comments
----------------------------------------------- */

#comments h4 {
.......................
}

#comments h4 strong {
.......................
}

#comments-block .comment-author {
.......................
}

#comments-block dt {
.......................
}

#comments-block dd {
.......................
}

#comments-block dd.comment-footer {
.......................
}

#comments-block dd p {
.......................
}

.comment-form {
background:#CCFFCC;
border:10px solid #CCFFCC;
margin:0 10px 20px 10px;
padding:15 0 0 15px;
}

.deleted-comment {
.......................
}

display: none;
.......................
}

#blog-pager-newer-link {
.......................
}

#blog-pager-older-link {
.......................
}

#blog-pager {
.......................
}

Dengan Image Background :

/* Comments
----------------------------------------------- */

#comments h4 {
.......................
}

#comments h4 strong {
.......................
}

#comments-block .comment-author {
.......................
}

#comments-block dt {
.......................
}

#comments-block dd {
.......................
}

#comments-block dd.comment-footer {
.......................
}

#comments-block dd p {
.......................
}

.comment-form {
margin:10px 10px 20px 10px;
padding:65px 0 0 20px;
background:transparent url(http://ganti dengan alamat kotak komentar)
no-repeat left top;
border:0px solid #CCFFCC;
}

.deleted-comment {
.......................
}

display: none;
.......................
}

#blog-pager-newer-link {
.......................
}

#blog-pager-older-link {
.......................
}

#blog-pager {
.......................
}

5. Save Template


Source : http://dhuwuh.blogspot.com/2008/10/tips-membuat-background-pada-post.html

Related Posts by Categories :