CARA MENGEDIT POST KOMENTAR KEREN

komentar pada blog menjadi salah satu hal yang penting agar sang blogger dan pengunjung dapat berbagi informasi dan keluhan seputar topik blog tersebut. tidak dapat dipungkiri lagi bahwa adanya post komentar sangat berguna.

nah sobat sekalian pasti ingin merubah bentuk dari post komentar bawaan blogger kan. dengan cara ini mungkin blog sobat akan terlihat lebih bagus dari biasanya dan saya selalu ingatkan bahwa tidak ada yang lebih baik selain meningkatkan kualitas blog sobat/artikel yang ada pada blog tersebut dan juga itu murni tulisan dari sobat.

ada 2 cara desain komentar post dibawah yang bisa sobat pilih untuk mengubah post komentar. sobat hanya tinggal memilih salah satunya yang mungkin kalian sukai. seperti biasa saya akan menyertakan gambar agar sobat dapat dengan mudah mengikutinya.

CARA MENGEDIT POST KOMENTAR (1)
1. masuk pada blog sobat dan pilih tema, lalu edit html.

2. lalu cari kode ini ]]></b:skin> untuk memudahkan pencarian CTRL+F

3. kemudian copy kode dibawah ini dan pastekan diatas ]]></b:skin>

#ST-cbox iframe{
background:#ffffff url(https://lh6.googleusercontent.com/

-NfMI5kkBkIo/T-oWxzYIDpI/AAAAAAAACz4/jCZUfHNqrlo/s640/

thunder.gif) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#ST-cbox a{
color:#fff;
}

tepat seperti gambar dibawah:

4. setelah itu cari kode ini <div class=’comment-form’>

5. lalu gantilah dengan kode ini:

     <div id='ST-cbox'>

6. lalu pilih save tema dan lihat perubahan post komentar sobat.

CARA MENGEDIT POST KOMENTAR (2)

1. masuk pada blog sobat dan pilih tema dan pilih edit html

2. cari kode ini ]]></b:skin> dan copy kode dibawah ini tepat diatas kode ]]></b:skin>

 .comments .comment-block { background: #F9F9F9; color: #555; box-shadow:

0 4px 10px #EEEEEE; position: relative; margin-top: 10px; margin-left: 60px;

padding: 10px; border: 4px solid #EEEEEE !important; border-radius:10px;

font: 1.190em/1.2 Cambria,Georgia,sans-serif;} .comment-thread li .comment-

block:before { position: absolute; display: block; left: -26px; color: #EEEEEE; content:

"\25C4"; font-size: 30px;} .comments .avatar-image-container { width: 60px;

height: 60px; max-height: 60px; margin:0px 0px 0 -28px; padding: 0px; border:

7px solid #EEEEEE; border-radius:60px;} .comments .avatar-image-container

img { overflow:hidden; width: 60px; height: 60px; max-width: 60px; border:0

!important; border-radius:60px;} .comments .comment-thread.inline-thread

{ background: none;} .comments .continue { border-top: 0px solid transparent;}

.comments .comments-content .datetime { float: right; font-size: 11px;} .

comments .comments-content .user a{ font-size: 15px; color: #498EC9;}

.comments .comments-content .datetime a:hover{ color: #777; text-decoration: none;}

.comments .comments-content .comment:first-child { padding-top: 0px;}

.comments .comments-content .comment { margin-bottom: 0px; padding-bottom: 0px;}

.comments .continue a { padding: 0px;} .comments .comments-content .icon.blog-author

{ background-image: none;}

seperti gambar dibawah:

3. lalu save tema dan cek blog sobat.

nah itulah beberapa cara untuk mengubah bentuk blog sobat menjadi sedikit lebih baik
saya sendiri memakai cara kedua karena lebih mudah hehe
semoga cara diatas berhasil pada blog sobat, jika sobat bingung dengan cara diatas dapat
ditanyakan dikolom komentar....

"Meningkatkan pada dasarnya merubah. Menjadi sempurna adalah perubahan yang dilakukan berulang" #mudahberbagi