Membuat Mode Offline Komentar

Membuat Mode Offline Komentar - Offline komentar adalah fitur yang bisa digunakan saat kita tengah gak bisa atau gak punya waktu buat ngurusin komentar yang masuk . Daripada membiarkan para pembaca menunggu komentarnya dibalas kan kasihan , mending langsung dibuat mode offline aja .

Fitur ini sebenarnya hanyalah trik HTML saja dengan fungsi mendisable form koemtar default blog sehingga pengunjung tidak dapat memberikan komentar dilengkapi dengan pemberitahuan yang cantik .

Untuk membuatnya silahkan ikuti panduannya dibawah ini dengan seksama karena ada beberapa kode yang mungkin akan sedikit membuat canggung .

Langkah pertama kita tanamkan dulu Css nya kedalam template dengan meletakannya diatas ]]></b:skin>
Css

/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZH1aydWJINg1uiwmmPZhwr9KPqfkqxE4uFD8Qfeoc_jFVOHz3EO0QjHrAARlzDL_2Fr5DnvHF_a8aDU4U99tArwC5dpBpdgy3yE-Yy8wuaalyxvLjQKgL6kCXwZCuX0KL03NFblJ3UQ/s1600/offline-mode.png)no-repeat 3% 50%;padding:20px 20px 20px 175px;border:1px solid #c9c9c9;margin-bottom:10px}
#offline-mode h2{
font-size:220%;
text-transform:uppercase;
color:#fff;
text-shadow: -1px -1px  3px rgba(0,0,0,0.3);
}
#offline-mode p{
font-size: 12px;
color:#888;
line-height:1.8em;
margin-top:-15px;
}

Langkah kedua pemasangan HTML
Cari kode <b:includable id='threaded-comment-form' var='post'> , kemudian klik tnda segitiga di bagian kiri hingga muncul kode seperti dibawah ini

<div class='comment-form'>
...kode panjang....
</div> 

Tambahkan kode ini sesudah atau sebelum kode </b:includable>

<div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div> 

Untuk menonaktifkan komentar sementara , letakkan kode <!-- dan --> pada kode sebelumnya, maka hasilnya akan jadi begini bentuknya

<!-- <div class='comment-form'>
...kode panjaang ...........
  </div>-->
 <div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>

Kemudian simpan template .

Untuk mengaktifkan kembali form komentar , kita hanya perlu memindah posisi <!-- dan --> ke bagian offline modenya sehingga bentuknya akan jadi begini

<!--<div id='offline-mode'>
<h2>
Offline mode</h2>
<p>Mohon maaf, form komentar sementara dinon-aktifkan karena ada sesuatu dan lain hal yang menyebabkan saya tidak bisa membalas komentar sobat. Silahkan kunjungi beberapa saat lagi apabila sobat ingin berkomentar .</p>
</div>--> 

Selesai .

Semua langkah ini dilakukan di dalam pengeditan template atau Edit HTML template , jadi jika anda merasa malas untuk bermain dengan script di dalam template , trik ini tidak disarankan .

Trik ini diambil dari http://blog.kangismet.net/2013/08/membuat-kolom-komentar-offline.html

Semoga bermanfaat .