Membuat Kolom Komentar Offline
0 views
Membuat Kolom Komentar Offline - Beberapa hari ini saya mempunyai kesibukan yang mengakibatkan saya jarang online dan tidak bisa membalas komentar sahabat blogger. Oleh karena itu, saya menon-aktifkan kolom komentar. Saya berfikir dari pada banyak komentar yang tidak terbalas, lebih baik sayanon aktifkan saja kolom komentar.
Rupanya ada sahabat yang tertarik dengan cara saya ini, dan menghubungi saya via email menanyakan bagaimana cara membuat kotak komentar menjadi offline. Bagi sahabat yang mengunjungi blog ini beberapa hari kebelakang, tentu faham bagaimana bentuknya. Bagi yang belum faham, silahkan kunjungi DEMO.

Sebenarnya ini hanya permainan HTML saja. Bagi sobat yang sudah faham, akan lebih mudah mencerna dan memodifikasi tampilan dengan mengedit CSSnya. Mungkin ada cara lain untuk membuat kolom komentar Offline, yang akan saya bagikan adalah versi saya sendiri.
Langkah 1 : Simpan Kode CSS
Simpan kode CSS ini di atas
Langkah 2 : Simpan Kode HTML
Untuk menyimpan kode HTML, sobat cari kode
Apabila ingin mengaktifkan kembali kolom komentar, pindahkan tanda
Nah, itulah cara saya mengaktifkan dan menonaktifkan kolom komentar. Mengerti? atau malah puyeng? :)

Rupanya ada sahabat yang tertarik dengan cara saya ini, dan menghubungi saya via email menanyakan bagaimana cara membuat kotak komentar menjadi offline. Bagi sahabat yang mengunjungi blog ini beberapa hari kebelakang, tentu faham bagaimana bentuknya. Bagi yang belum faham, silahkan kunjungi DEMO.

Sebenarnya ini hanya permainan HTML saja. Bagi sobat yang sudah faham, akan lebih mudah mencerna dan memodifikasi tampilan dengan mengedit CSSnya. Mungkin ada cara lain untuk membuat kolom komentar Offline, yang akan saya bagikan adalah versi saya sendiri.
Langkah 1 : Simpan Kode CSS
Simpan kode CSS ini di atas
</b:skin>
/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(http://2.bp.blogspot.com/-R5Ku6QE3eJA/UcB0jk-CZwI/AAAAAAAAEeg/WYWE1iVssOo/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;
}
silahkan edit yang diperlukan.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....Nah, itulah cara saya mengaktifkan dan menonaktifkan kolom komentar. Mengerti? atau malah puyeng? :)
118 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
trims
http://tutorialimparare.blogspot.com/
Ijin simpen scriptnya buat di praktekan di blog saya
Terima kasih
salam kenal Yazid Zidan hehehe
"non aktifkan komentar ini gimana sih cara nya " ehh ternyata langsung di bahas di blog kang ismet.
kang saya mau tanya donk, kira kira kang ismet bisa gk yah buatkan saya template yang cocok untuk blog saya, yang jelas saya pingin punya header mirip kang ismet, biasa nya kang ismet pasang tarif berapa untuk pembuatan template ????
visit back ya mas http://www.center60.com/
tingali button adbi kang, tah eta lamun erek make efek back to topna kumahanya ?
http://yoga-tc.blogspot.com/2013/08/cara-membuat-halaman-posting-dan.html#comment-form
<a class='tombolkecil' href='#'>Back To Top</a>
ganti sama ini :
<a style='display:scroll' class='tombolkecil' href='javascript:void(0);' onclick='jQuery('html, body').animate({scrollTop:0}, 'slow');'>Back To Top</a>
[img]https://s3.amazonaws.com/diigo/thumbnail_550/6964250_174735993_11056208.jpg?AWSAccessKeyId=0R7FMW7AXRVCYMAPTPR2&Expires=1375668398&Signature=o6jOpZRZggKp9pzm8zx2r%2F6fM8s%3D[/img]
.footer li a:before {
content: "\f017";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #575757;
font-size: 13px;
margin-right:17px;
position: absolute;
left:0;
}
Selalu mendapatkan banyak ilmu kalau bersilaturahmi di tempat Kang Ismet ini
izi comot kang
o iya kang, yang komentar ada bordernya jika sesudah komen(seperti di dte), itu namanya apa ya kang? saya udah coba yang itu tapi masih ngga bisa ._.
mohon bantuan ya kang ._.
.comment .comment-block:target{border:1px solid yellow}
.comments .comment-thread.inline-thread .comment .comment-block:target{border:1px solid yellow}
Baru bisa login lagi nih di dashbor blog saya Kang, makanya baru bisa berkunjung dan memberi tanggapan untuk informasi di atas.
Kalau saya biasanya untuk tidak menerima komentar dari pengunjung blog dalam beberapa hari, biasanya form komentarnya saya nonaktifkan atau sembunyikan lewat pengaturan blog tapi itupun semua komentar2 yg udah masuk ikutan sembunyi juga. Kalau mau nonaktifkan komentar pada masing2 postingannya kan repot juga Kang... :D
Mumpung ada tips baru, tidak ada salahnya untuk dipraktekkan.
Sekalian mau nanya Kang, gmn cara pasang tombol hide and show pada bagian form komentarnya aja..? Makasih sebelum dan sesudahnya
Terimakasih Kang..
:D sekalian mau nanya gimana cara buat widget Label kayak agan ? bagi kodenya dong...
Saya simpen triknya kang...siapa tahu suatu saat butuh trik ini...hatur nuhun...
thanks kang....
maksudnya kaya gini
• Untuk menyisipkan kode panjang, gunakan tag ... KODE ...
• Untuk menyisipkan catatan, gunakan [catatan].. TEKS ...[/catatan]
• Untuk menyisipkan gambar, gunakan [img]URL GAMBAR[/img]
Sebelumnya Trims
kapan kapan dicoba , sekarang bookmark aja dulu :D
http://arya-aditya.com
#BlogWalking
makasih kang di coba dulu ya,,,,
tapi hebat mana yeuh sareng ieu mangga kadieu hehe
nice tutorial
petromax jigana
benar-benar keren kang sumpah ... mantap lah pokonya