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

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 :

Tips Membuat Background Pada Post a Comment Box / Kotak Komentar Posting ( 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 :

Tips Membuat Background Pada Post a Comment Box / Kotak Komentar Posting ( 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 :


14 comments:

harry said... on October 31, 2008 at 7:58 PM  

wakh kang setiawan....makin mantafff aja nih...aku mau nyuba akh....mohon ijin nyedot ilmunya kang

Budi-Sd said... on November 1, 2008 at 11:17 AM  

Iyess. Setuju, Mas Harry. Blog yang Muantaff...
Btw.. Thx kunjungannya yang ke-sekian, Mas Setiawan....
Sorry...bgts... aku br sempet nge-respon sekarang, nih....
Aku sendiri dah jujur di blogku, kalo kemarin2 bener2 absen sekitaran 3 bulanan, loh.. jadi... segalanya juga absen deh...
Tapi, hari ini dah aku link.
Tengkiu... kunjungannya... Sukses ya...

jovieblog said... on November 3, 2008 at 6:16 PM  

keren keren..jadi kotak komentarku tambah manis nih pake tips ini....thx yah..:D

Health Consultant said... on April 6, 2012 at 11:33 PM  

You shared good tips for making background for the post.
I get a lot of help from your these tips.
Thanks for sharing these tips.

Maitland Personal Trainer

Production companies in Lahore said... on April 23, 2012 at 2:34 PM  

You portrayed the topic well.. Especially the concluding paragraph and the mid section made a good read... keep posting...All the best.

Advertisement said... on April 23, 2012 at 2:37 PM  

For a moment while I was reading your article I struck to me that I always thought about this thing. But could not put it into words! How you do this is marvelous.

Supra Footwear said... on October 5, 2012 at 7:41 AM  

Initially the production of functional skateboarding shoes started the American brand SUPRA, in recent years to the sudden emergence of luxury materials and exaggerated form, attracted a lot of star unconditionally for their endorsement.

seo said... on February 17, 2015 at 9:57 AM  

keberadaan background berupa gambar pada kolom komentar seperti ini apakah ada efeknya dengan seo? baik efek negatif maupun positif gitu pak?

Post a Comment

"Using DOFOLLOW System. Pease don`t SPAM!!!"

Thanks To Comment My Articles. God Bless You People.

Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks