Membuat Kolom Komentar Menjadi Offline Ala Kang Ismet

How to Make Columns Comments Being Offline Ala Kang Ismet : Malam ini saya kembali lagi dengan tutorial yang berbeda jika pada artikel sebelumnya telah membahas tentang CARA MEMASANG SYNTAX HIGHLIGHTER PADA BLOG, namun kali ini saya akan membahas tentang tutorial yang berbeda yaitu Membuat Kolom Komentar Menjadi Offline Ala Kang Ismet.

Untuk Demonya Anda bisa lihat pada blog demonya Kang Ismet disini

Tutorial Pemasangan:

1. Simpan CSS ini di atas ]]></b:skin> atau </style>

/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyoFd3clj4KHur6dJs0e0wWsxShDsbYVN1ky-V3o9AtplS2eAE_4SOXn-W-xuqL7P3YJdXB97kvEKGaCzu7puuTVpwdVE5q1ekOiXeGKsCqFY8xkWYPHrZrWVvxJ8rBTXMkNr-SDkcUHY/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;
}

2. Simpan kode HTML di bawah ini sebelum/sesudah kode <b:includable id='threaded-comment-form' var='post'>

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

Simpan Template.

Jika 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....

Saya sarankan untuk memasang tutorial ini sebaiknya langsung saja pada sumber artikel di bawah ini...

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