Cara Membuat Kolom Komentar Offline

Membuat Kolom Komentar Offline - Setelah lama saya tidak update karna saya lagi sibuk di dalam bualan puasa ini, kali ini saya akan update Membuat Kolom Komentar Offline Tutorial ini saya dapat dari Blog Kesukaan saya yaitu Kang Ismet yang baru saja kemarin update tutorial ini, dan langsung saya Post ulang.
Fiture ini berfungsi untuk mematikan Form Komentar agar pengunjung Blog Anda tidak bisa berkomentar disaat kesibukan anda memaksa anda untuk mematikan komentar dalam Blogger Anda.

Ok, mari kita bahas cara Pemasangan Fiture Kolom Komentar Offline ini.

Langkah 1 : Simpan Kode CSS

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

/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jmVE6R3M748NGw8CPc6iZwj7zhGKS6A827j2zxNe8Ty8XwFyV28s6Y_bFoctNfAbb9S76Nw6kSJ-AX4_N3mtiNXntCumUC9SD6YPalP0zSjMFgA_xVRh3U4MVMlrePGvjEWPr7_2Z6g/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;

Silakan Edit Sendiri Jika ingin memodifikasi

Langkah 2 : Simpan Kode HTML

Untuk menyimpan kode HTML, sobat cari kode <b:includable id='threaded-comment-form' var='post'> kemudian expand (klik panah sebelahnya) maka akan muncul kode seperti ini :

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

tambahkan kode ini sesudahnya atau sebelum </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>

setelah itu, nonaktifkan sementara kolom komentar dengan menambahkan kode <!-- dan --> pada kode sebelumnya. Maka hasil keseluruhan menjadi seperti ini :

<!-- <div class='comment-form'>
..............
  </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>

Simpan Template.

Apabila ingin mengaktifkan kembali kolom komentar, pindahkan tanda <!-- dan --> pada HTML Offline-Mode, menjadi seperti ini :

<!--<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>-->

Simpan kembali Template....

Itulah Membuat Kolom Komentar Offline semoga bermanfaat.

Source http://blog.kangismet.net/2013/08/membuat-kolom-komentar-offline.html

Share this post