Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Kolom Komentar Offline

Cara membuat kotak komentar menjadi Offline
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.komentar offline

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.

komentar offline

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERvdIOUZFuGdEWfWxBhx5q6MKSbVzZSljX3pzDuLFmgcGnrB-jCQEfNGpZBh2XcIl_hs_M_DPCCWsHzHVcv4U2fXNWuI5HXjjFQvGUXNXlJnc0uFrKI202b-etEKmL4ye6ufvOhGYW5Y/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? :)

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

118 komentar

1. Komentar ini, diurutkan dari yang terbaru
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
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. kamana wae kang hehe
    petromax jigana
    benar-benar keren kang sumpah ... mantap lah pokonya
    1. tapa kang :) heuheu leres patromax kabagean
  2. Patut di coba yah kang, nanti saya terapkan di blog super jelek nan najis bin kotor saya.... hehehehe
    1. merendahnya kebangetan nih :D
    2. Biasanya yang merendah seperti kata2 di atas, orangnya udah master apalagi dalam hal desain blog... :D
    3. Hahahaha.. Kalo dipraktekin terus kapan orang mau komentar donk.. Lha wong form komentarnya ditutup. Hahaha. Ngaco.
  3. oh.. ternyata bisa dimodif jadi onlinr mode to kolom komenya? baru tau..

    nice tutorial
    1. ya di akal2in aja sob ;)
  4. kang mau nanya nie, cara menampilkan thumbnails gambar di tema accentbox seperti di kangismet.net bagaimana ya, soalnya aku pakai tema tersebut gambar thumnails seperti di readmore dan related post tidak muncul , sebelumnya terima kasih kang.
    1. yang WP ya.... harus bongkar dulu nih lupa :)
  5. wah hebat si akang ..top markotop !!
    tapi hebat mana yeuh sareng ieu mangga kadieu hehe
    1. heuheu... rajin teuing si akang mah, sagala ditalungtik :D
  6. oo kalo pasang ini, cara penggunaannya kerja dua kali ya
    1. dua kali gimana? cuma pas ngaktifin atau nggaknya aja sih
  7. Ternyata gitu ... kirain kenapa di non aktifin komentarnya ... :D Sibuk mudik ya kang??
    1. ga mudik kok... saya di rumah aja ga kemana2... cuman lagi ada kesibukan aja :)
  8. suatu saat pasti butuh nih yang beginian,,,,,
    makasih kang di coba dulu ya,,,,
    1. mangga ki...
  9. saya baru tahu ada cara begini, makasih kang infonya bagusss, selamat lebaran minal aidin walfaidin.
    1. sama2... lebarannya masih 3 hari lagi..
  10. Izin Pakek + Post Ulang Kang
    1. silahkan... :)
  11. mantap tutornya mas >.<
    kapan kapan dicoba , sekarang bookmark aja dulu :D

    http://arya-aditya.com
    #BlogWalking
    1. silahkan sob...
  12. ntar saya praktekin deh, oh ya mas, gemana sih cara buat komentar bisa disisipkan kode, catatan dan gambar oleh pengunjung
    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
    1. ada kok tutorialnya banyak
  13. selalu top deh :D
    1. TOPTV kali ya...
  14. akhirnya di share juga caranya...
    thanks kang....
    1. sama2 sob... padahal udah faham ya ;)
  15. Ya...seperti mas Abdul heheehe akhirnya dishare juga hehehehe...
    Saya simpen triknya kang...siapa tahu suatu saat butuh trik ini...hatur nuhun...
    1. takut dicambuk api neraka kang kalau nyembunyiin ilmu :)
  16. kiranya kemarin dukun santet kabur kemane, eh bukan dukun tutorial hehehe... siip kang ismet ^_^
    1. xixixiix..ganti dong blog mbah dukun
  17. mampir dulu ahh, nunggu THR hahahay..
    1. wkwkwkwkwk... apa ya THR nya?
  18. Udahlama gakesini wkwk, keren jg sih kotak komentar bisa digituin :D
    1. pasti bisa ko... diapa2in juga bisa :)
  19. gan mau tanya ,saya heran sama template agan kok tiap waktu kadang muncul kadang enggak bacto top sama link credit nya,,,,

    :D sekalian mau nanya gimana cara buat widget Label kayak agan ? bagi kodenya dong...
    1. loading JSnya lambat kali sob... widget label berjejer maksudnya?
  20. Dishare juga :D
    Terimakasih Kang..
    1. sama2 sob...
  21. Mantap kang, pake ccs lagi, Ijin coba ya
    1. thanks sob.. silahkan dicicipi
  22. Yahhh.... Terlambat deh jadi yang pertamax... :D
    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
    1. semoga jadi alternatif sob.. kayaknya harus terpisah nih tutorialnya :)
  23. Bookmark Kang..sukses selalu..ditunggu tips lainnya :v
    1. makasih sob...
  24. Ohaha :) bener juga ya, selama ini saya memakai caranya kang Taufik, dan itu sedikit ribet karena feed pos pu akan berhenti, tapi sepertinya cara ini lebih efektif :)
    1. bener sob... sedikit njlimet menurut saya juga
  25. Akhirnya keluar juga ....jadi kepikiran bisa ngak ya hanya untuk Artikel tertentu
    1. bisa aja sob... pake tag kondisional...
  26. wah akhirnya di share caranya :) makasih kang,ijin save dulu :)

    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 ._.
    1. coba tambah CSS ini, edit aja yang perlu
      .comment .comment-block:target{border:1px solid yellow}
      .comments .comment-thread.inline-thread .comment .comment-block:target{border:1px solid yellow}
  27. sangat2 bermanfaat kang , apalagi menjelang lebaran, jadi bisa langsung di praktek kan ini,

    izi comot kang
    1. iya sob.... selamet ngacak2 template and selamet lebaran aja ya :)
  28. Bookmark dulu, boleh juga nih kalau kolom komentarnya jadi offline gini :D
    1. silahkan sob...
  29. yah, diaktifkan aja jarang yg komentar di blog saya kang, apalagi kalo di non aktifkan, hehehe
    1. bagi2 THR aja biar rame :)
  30. mantap kang,ini pasti sangat dibutuhkan sementara izin simpen dulu ya kang...
    1. silahkan sob.. awas lupa naronya :)
  31. waduch sayang saja agak sedikit telat nie terima kasih kang kapan kapan akan saya terapkan... :-d
    1. biar lambat asal selamat :)
  32. Mantaaapp.. mayan yeuh jang mainteneeeenn kaang :D .. wkwkwk, ditampi tutorial na :D #kangrian
    1. aya tukang ternak yeuh :)
  33. Komentar juga bisa dibuat offline juga kang...terima kasih atas berbagi ilmunya ini.
    Selalu mendapatkan banyak ilmu kalau bersilaturahmi di tempat Kang Ismet ini
    1. terimakasih sob... semoga bermanfaat
  34. Thanks tutorialnya kang, mungkin besok kalau blog saya sudah saya tinggal lama.
    1. kalau hajian nati :)
  35. cara membuat widget label seperti blog agan gimana??? sama kok link credit,back to top kadang muncul kadang enggak solusi nya dong,kalau bisa jarin biar gk ilang lagi.
    [img]https://s3.amazonaws.com/diigo/thumbnail_550/6964250_174735993_11056208.jpg?AWSAccessKeyId=0R7FMW7AXRVCYMAPTPR2&Expires=1375668398&Signature=o6jOpZRZggKp9pzm8zx2r%2F6fM8s%3D[/img]
    1. Untuk back to top JSnya sudah saya perbaiki... untuk widget label saya liat udah bisa di blognya, tinggal hapus kode ini :
      .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;
      }
  36. keren teuing kang, hahaha, tapi kang bade naros yeuh lamun bade nyieun tombol back to top tapi ulah make gambar, tapi make button, tapi oge aya efekan, eta kumaha kang ?
    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
    1. maksudna pake efek smooth scrollnya? coba ganti :
      <a class='tombolkecil' href='#'>Back To Top</a>
      ganti sama ini :
      <a style='display:scroll' class='tombolkecil' href='javascript:void(0);' onclick='jQuery(&apos;html, body&apos;).animate({scrollTop:0}, &apos;slow&apos;);'>Back To Top</a>
  37. Pertamax kang :D
  38. Wa.. keren mas.. terimakasih infonya..
    visit back ya mas http://www.center60.com/
    1. maaf ke coret :)
  39. tadinya saya sempat bertanya-tanya
    "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 ????
    1. waduh... saya masih banyak kesibukan sob, mending gini deh.. pengennya kaya gimana? nanti saya editin.. masalah harga gampang lah
  40. Keren kang, langsung praktek aja nih :D
  41. Keren Keren..
  42. wah mantap nih tutorial, nanti dah kalau lewat idul fitri baru mau coba. sekarang mohon maaf lahir bathin dulu, semoga ibadahnya diterima oleh Allah SWT.
  43. owh gini toh cara nya, tinggal tambahin css sama kode html komentar nya dibuat dalam tanda komentar. coba terapin ah, berhubung ga ada waktu lg buat ngeblog karna waktu tersita untuk kerja offline. suwun kang tips nya :D
  44. kalo mau online tinggal hapus kode htmlnya aja ya kang :)
    1. daripada hapus tambah, mending pindahin kode <!-- dan -->
  45. mantep kang tutorialna :D , matur nuhun nya :)
    salam kenal Yazid Zidan hehehe
  46. hehe.. keren kang, pengen nyoba sih, tapi lagi gk mood buat oprek template
  47. mau nyoba tapi blog saya tidak banyak komentatornya,
    1. ga apa2 ko klo skdar nyoba :)
  48. kang blognya bayak malware
    1. dimana ya? saya cek di sini Clean http://sitecheck.sucuri.net/results/blog.kangismet.net
  49. Karanga Comic
    Komentar ini telah dihapus oleh pengarang.
  50. Ilmu berharga lagi buat saya nih Kang Ismet
    Ijin simpen scriptnya buat di praktekan di blog saya
    Terima kasih
  51. tutorialnya bagus jangan lupa kujungin balik yaw|

    http://tutorialimparare.blogspot.com/
  52. artikel yg bermanfaat
    trims
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.