Kadang kolom komentar kamu tidak muncul, tentu disebabkan oleh beberapa faktor yang turut mempengaruhinya. Seperti ; pernah malakukan modifikasi template, kemudian tidak sengaja kode di dalam komentar juga ikut terhapus; menggunakan kolom komentar lain (pihak ketiga), selain dari blogger; modifikasi kode komentar; dan sebagainya. Nah, bagaimana cara mengembalikan kolom komentar tersebut. Walaupun tidak semirip kolom komentar semula, tetapi masih menggunakan kolom komentar defaultnya blogger. Ayo kita keroyok rame-rame, trik blogger membuat kolom komentar plus beda tampilan komentar pemilik blog.
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
- Cari kode CSS berikut.
/* Comments
---------------*/
#comments h4 {
background:#EAE9E9;
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;
border:0px dotted #ccc;
}
#comments-block .comment-author {
color:#808080;
margin:.5em 0;
border-top:1px dotted #ccc;
}
#comments-block .comment-body {
text-align:justify;
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
border-top:1px dotted #ccc;
font-size:9px;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
- Ganti dengan kode CSS di bawah ini.
/* Comments
----------------*/
#comments h4 {
background:#EAE9E9;
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;
border:0px dotted #ccc;
}
#comments-block .comment-author {
color:#808080;
margin:.5em 0;
border-top:1px dotted #ccc;
}
#comments-block .comment-body {
text-align:justify;
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
border-top:1px dotted #ccc;
font-size:9px;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.owner-Body {
background:#808080;
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#E3F6CE;
border-left:3px dotted #6E6E6E;
}
- Cari kembali kode HTML berikut.
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
- Kemudian ganti dengan kode di bawah ini.
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
- Jangan lupa disimpan.
Selamat membuat kolom komentar...
weitz..
BalasHapusane pertamax nie..
horee... :))
boleh dicoba ni triknya.
thnks buat mas OB.. ;;)
owy,mas OB ada ga sih cara untuk menghilangkan atau menghidden nama Title Blog. soalnya kan gw bkin nama blognya langsung jd satu sama background tmplate headernya..
jd,yar background headernya ga tertimpa sama title blognya..
to Fehry: coba tambah atribut display:none; dalam kode CSS #header h1 dan kalau perlu ditambah pula di kode #header .description
BalasHapuswuihh...
BalasHapusberhasil mas..
mantaph..
thnks mas OB..
hatur nuhun.. :D
Thanks atas infonya, btw liat deh kolom komentar blog aku, udah dimodifikasi kayak punya Amanda Fazani.
BalasHapusKo Kalo Di Blog saya ada dua Komentar si
BalasHapusMas cara gimana kalo satu komentar aja
Cobah Lihat Ini
http://topblogakbar.blogspot.com/2009/06/e-book-wireless.html?showComment=1244724513476#c4338002934480307550
untung masih ada klom kmentar diblog ak..
BalasHapusbtw thanks infonya... :D
siip...
BalasHapusterima kasih atas infonya mas....
akhirnya form komentarnya muncul juga...
:p
thank toturialnya sangat membantu.
BalasHapusyes..saia dah punya :D
BalasHapussalam kenal
BalasHapusbang kenapa ketika saya coba muncul pesan erorr yach ??
BalasHapusnich pesannya
" Deklarasi variable tidak valid pada skin halaman: Variable digunakan tapi tidak ditentukan. Input: sidebarcolor "
mohon bantuannya
makasih. mau coba dulu ah
BalasHapusdah coba tp koq ga bs yah ..??
BalasHapusTerima kasih Gan atas ilmunya, saya berhasil mengikutinya....
BalasHapusinfonya bagus tapi kenapa di blog saya gak bisa ya
BalasHapusuntuk cde yang ke 2 kok nggak ada ya......?????:p:p:p
BalasHapusok, sob mantap
BalasHapusmantab sob
BalasHapusMantap gan.. akhirnya terjawab sudah tentang kolom komen ku yang masih standar.. Makasih banyak gan..
BalasHapusSiiip....
BalasHapusthx om Ob mantap http://kehidupansekitar.blogspot.com
BalasHapusmakasih infonya om
BalasHapustrik yang sangat bermanfaat
BalasHapusmaksih buanyak bro....
BalasHapuslangsung tak praktekne bos
BalasHapusHatur nuhun Gan nice info
BalasHapusmaternuwun sanget...
BalasHapuselhaniyyan.blogspot.com
tenks fo tips nya.....
BalasHapusdi blog aku tersedia twekdeck terbaru...silahkan kunjungi link dibawah ini...
http://is-xp.blogspot.com/2011/03/tweetdeck-terbaru.html
panjang banget gan tutorialnya
BalasHapuskok d blog saya gak bisa ya bangg ??
BalasHapus