GO Blog

Sebenarnya blogger telah menyertakan notivikasi tentang form komentar diijinkan atau tidak oleh admin/author blog, namun notivikasi tersebut sangat sederhana. kali ini saya akan berbagi trik membuat pemberitahuan komentar yang ditutup seperti blog ini. silahkan lihat contohnya dibawah ini

Caranya menerapkan trik ini mungkin akan sedikit rumit, jadi silahkan ikuti langkahnya dengan benar agar tidak terjadi kesalahan yang tidak diinginkan. langkah awal adalah kita akan merubah area yang akan hilang ketika formulir komentar ditutup. silahkan cari kode dibawah ini

<b:includable id='comments' var='post'>

memindahkan/memperbaharui wilayah tag kondisional <b:if cond='data:post.allowComments'> menjadi lebih sempit. dengan menghpus tag kondisional ini, kita cukup menghilangkan formulir komentarnya saja dan biarkan komentar-komentar yang sudah ada tetap pada tempatnya ketika formulir komentar kita tutup, agar nanti ketika pemberitahuan muncul komentar lama tetap terlihat. Caranya adalah hapus kode

<b:if cond='data:post.allowComments'> 
... kode panjang ...
</b:if> 

yang mengelilingi elemen <div class='comments' id='comment'> sehingga akan tersisa seperti ini:

<div class='comments' id='comments'>
  ...kode panjang...
</div>

Kemudian cari elemen ini:

<b:include data='post' name='comment-form'/>

Ganti dengan ini:

<b:if cond='data:post.allowComments'>
  <b:include data='post' name='comment-form'/>
</b:if>

Temukan juga kode ini:

<b:include data='post' name='threaded-comment-form'/>

Ganti dengan kode ini:

<b:if cond='data:post.allowComments'>
  <b:include data='post' name='threaded-comment-form'/>
</b:if>

langkah di atas adalan trik untuk tetap memunculkan komentar yang ada walaupun formulir komentar di tutup, sekarang kita akan menyisipkan notivikasinya dengan langkah berikut ini

Cari kode tag diberikut ini

<data:post.noNewCommentsText/>

ganti dengan semua jika lebih dari satu dengan kode berikut ini

<div id='com_close'>
<h2>Komentar ditutup</h2>
<p>Untuk sementara, form komentar ditutup di karenakan sesuatu hal atau saya sedang tidak bisa membalas komentar anda. bagi sahabat yang ingin berkomentar, silahkan kunjungi halaman ini beberapa saat lagi.</p>
</div>

Simpan kode CSS ini di atas </b:skin>

/* Off comment db */
#com_close{
background:#fff  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRdGHOYPlWMV5dtLwl_EPHcWJdTkD7qcGDB8VW_CUeudJMKBDtNaduekXEr2awOerv66jGC4IGgbSVMgs9iVTn31k-nInfR3si1sQAUWCW4IG8JK2-ugtdo_7b8D43VEpEjXET1VEgR4/s1600/comment+close.png)no-repeat 95% 50%;padding:0px 175px 20px 20px;border:1px solid #ccc;margin:20px 0;
}
#com_close h2{
font-size:200%;
text-transform:uppercase;
color:red;
text-shadow: -1px -1px  3px rgba(0,0,0,0.3);
}
#com_close p{
font-family: 'Open Sans', sans-serif, Segoe UI,Arial,Tahoma;
font-size: 14px;color:#444;
font-weight:400;
line-height:1.8em;
margin-top:-15px;
}

simpan semua perubahan dalam html template anda, lalu buka pengaturan pos dan komentar ubah pengaturan formulir komentar tersemat menjadi tersembunyi dan simpan.

Pertanyaan dan masalah silahkan sampaikan di komentar, semoga berguna...