» » Cara hilangkan comment form saat jawab komentar

Cara hilangkan comment form saat jawab komentar

7 Des 2013
hilangkan comment form
Gambar di atas merupakan potongan gambar dari komentar khususnya pada bagian comment-form yang mana di dalam comment-form berisikan pemberitahuan pemberitahuan pada pengunjung tentang cara berkomentar atau yang lain nya

Dalam berkomentar tentunya kita harus mengikuti peraturan yang di berikan pemilik blog melalui comment-form, Share kali ini akan membahas tentang comment-form bukan pada cara menuliskan comment-form tersebut melainkan cara menghilangkan comment-form pada saat kita menjawab sebuah komentar dan bukan pada berkomentar baru

Di bawah ini kode css nya sangat sedikit sekali karena fungsi nya hanya nutuk mengilangkan saja yang tentunya dengan elemen display:none 
1234ol #threaded-comment-form p,
ol .comment-form p {
  display:none;
}
Cara di atas sudah saya praktekan dan sekaligus saya pasang di template ini, kalau seandai nya masih tidak berjalan silahkan tambahkan elemen di bawah ini 
1234567.comments ol,
.comments ul,
.comments li {
  margin:0;
  padding:0;
  list-style:none;
}
Itulah cara mengilangkan formulir komentar pasa ssat kita jawab sebuah komentar semoga saja ulasan yang sangat singat dapat di pahami
Taufik
Related posts

35 komentar

  1. Anonim7 Desember 2013 pukul 14.08

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. Taufik7 Desember 2013 pukul 18.11

    di template saya menggunakan elemen ini

    .comment-form,
#comment-form,
#threaded-comment-form {
  max-width:100%;
  width:auto;
}
.comment-form {
  background-color:#5498C9;
  margin:0;
  padding:5px;
  border-top:1px solid #4862A3;
  border-bottom:1px solid #4862A3;
}

    untuk warna saya menggunakan biru dengan value #5498C9

    BalasHapus
  3. Taufik7 Desember 2013 pukul 22.08

    elemen p dalam #comment-form #threaded-comment-form adalah untuk menentukan dan mengatur text atau paragraf, jadi bukannya menyatu melainkan text di dalam comment-form dan di dalam comment-form bisa di taruh apa saja selagi kita memerlukan nya. itu menurut saya, :D

    BalasHapus
  4. you8 Desember 2013 pukul 09.47

    ternyata seperti itu ya mas.. kalo ane pake Jquery.. mau beralih ah ke CSS z....

    BalasHapus
    Balasan
    1. Taufik8 Desember 2013 pukul 09.51

      selamat pagi mas wahyu, terima kasih sudah berkunjung :)

      Hapus
  5. Unknown9 Desember 2013 pukul 05.28

    Gan req cara membuat Lightbox evolution iframe tp bukan pada gmbar melainkan pada tautan . salam kenal y?

    BalasHapus
    Balasan
    1. Taufik9 Desember 2013 pukul 19.17

      belajar nya blm sampe kesitu mas, maaf ga bisa menjawab pertantaanya kang kudhen... salam kenal juga kang

      Hapus
  6. Rohis Facebook9 Desember 2013 pukul 21.03

    trnyata carax sangat simple.., makasih :-bd

    BalasHapus
  7. Unknown10 Desember 2013 pukul 10.57

    Di coba aaaahhh :D

    BalasHapus
  8. Haekal Fikri11 Desember 2013 pukul 10.10

    Mas saya mau nanya kenapa yah gambar di blog saya kayak ada bayangannya? terlebih pada gambar di form commentnya,apakah masalahnya terletak pada pereset cssnya?

    BalasHapus
    Balasan
    1. Taufik11 Desember 2013 pukul 15.03

      permasalahan nya bukan pada preset css atau framework css...
      itu terjadi biasanya ada elemen css yang menyatakan semua link gambar ada box-shadow element nya seperti ini a img saya curiga pada element css di bawah ini pada template mand4t:

      #ad-1 a img { 
 float:left;
 width:125px;
 height:125px;
 border:none;
 background:none;
 -webkit-box-shadow:0 0 2px black;
 -moz-box-shadow:0 0 2px black;
 box-shadow:0 0 2px black;
 padding:4px;
}

      coba sementara css tersebut copot dulu

      Hapus
    2. Haekal Fikri12 Desember 2013 pukul 09.48

      Kayaknya masalahnya bukan disitu deh mas karna saya sudah coba :(

      Hapus
    3. Taufik12 Desember 2013 pukul 20.49

      ya coba saja satu per satu di copot, soalnya kejadian tersebut pernah saya alamin dan solusi nya kaya gitu :( :D

      Hapus
    4. Haekal Fikri13 Desember 2013 pukul 07.12

      oh gitu ya mas okelah nanti saya coba!

      Hapus
  9. Saeful Rahman12 Desember 2013 pukul 17.42

    pake css ya ? kirain pke tag kondisional hehe
    simple mas :)

    BalasHapus
  10. Sopala Multapa13 Desember 2013 pukul 16.25

    mantap mas triks'y .. kerennnn

    BalasHapus
  11. Ivan Mantovani S14 Desember 2013 pukul 16.01

    kalo misalnya saya hilangkan, apa keuntungannya bagi tubuh comments tersebut ?

    BalasHapus
    Balasan
    1. Taufik14 Desember 2013 pukul 16.31

      tidak akan terjadi apa apa pada tubuh komentar, itu hanya meminimaliskan tampilan form comment saja mas, nah gitu dong aktif lagi di blog, dah bikin belum blog nya nih :D

      Hapus
    2. Ivan Mantovani S14 Desember 2013 pukul 19.13

      ohh bikin simpel yaa :yaya:
      iya dong mas ! :-bd
      masih yang om-ivandotcom koks hehe =D

      Hapus
  12. Unknown14 Desember 2013 pukul 20.36

    kang maaf oot, TEMPLATE E BLACK FASTER V1-1 kan di beranda nya gk ada author,jam sama komentar. bagaimana jika pengen adaan gan?

    BalasHapus
    Balasan
    1. Taufik14 Desember 2013 pukul 22.14

      ini kode nya:

      <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            Penulis:
                            <b:if cond='data:post.authorProfileUrl'>
 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/person'>
 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>                     
<a class='author-meta g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><data:post.author/></a></span> 
                              <b:else/>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>                           
<span itemprop='name'><data:post.author/></span>
</span>
                            </b:if>
                          </b:if>
                        </span>                     
<span class='post-timestamp'>
                          <b:if cond='data:top.showTimestamp'>
                            <i class='icon-time'/>
                            <b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>                              
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                  <data:post.timestamp/>
                                </abbr>
                              </a>
                            </b:if>
                          </b:if>
                        </span>
 <span> <b:if cond='data:blog.pageType == &quot;index&quot;'>  
<i class='icon-comment'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if>
</b:if>
</b:if> </span>

      Hapus
    2. Ivan Mantovani S15 Desember 2013 pukul 01.50

      mulus beud hehehe :-bd

      Hapus
  13. Unknown15 Desember 2013 pukul 06.02

    disimpan nya dmn kang?

    BalasHapus
    Balasan
    1. Taufik15 Desember 2013 pukul 12.16

      di bawah atau di atas tombol share fecebook, google+, twitter
      itukan suah ada:
      "Ditulis oleh Denie Woles, Kamis, 12 Desember 2013"
      tinggal tambahin kode yag belum ada seperti jumlah komentar
      terus tambahin tag kodisionalnya biar muncul di home page

      Hapus
    2. Unknown15 Desember 2013 pukul 16.02

      Tidak bisa gan udh pk tag kondisional tp gk muncul,kyknya bukan d situ deh.

      Hapus
    3. Taufik15 Desember 2013 pukul 16.10

      di saya oke oke saja tuh

      Hapus
    4. Unknown15 Desember 2013 pukul 17.14

      Yaudah ama agan aja y editin sama kontak search nya,saya suka sm template agan ini. ini link template ny http://www.datafilehost.com/d/180cba41

      dan apabila sudah di edit,tolong upload di hosting itu lg y terus kasih link nya di komentar blesan agan.

      Hapus
    5. Taufik15 Desember 2013 pukul 17.47

      saya bantu semampunya

      Hapus
    6. Unknown16 Desember 2013 pukul 12.43

      Terimakasi gan. Oh iya ini kenapa y kok kyk gini pas d buka d Android yg postingan pertamanya :

      http://3.bp.blogspot.com/-mnWfsaElwBY/Uq6SLbRcPcI/AAAAAAAAADk/8vM4Ffg4SNY/s1600/Screenshot_2013-12-16-12-33-27.png

      cb liat..

      Hapus
    7. Unknown16 Desember 2013 pukul 18.22

      Maaf mas,itu thumbnail TEMPLATE E BLACK FASTER V1-1 responsive ny masih acak2 an y? bisa d perbaiki gk mas?maff sekali..

      Hapus
  14. Dafin defandaky28 Juni 2014 pukul 01.46

    ikut nyoba triknya mas, salam kenal :)

    BalasHapus

Terima kasih atas kunjungan nya dan Gunakan tag seperlunya

Tag kode pendek <i rel="code">KODE ANDA</i>
Tag kode panjang <i rel="pre">KODE PANJANG ANDA</i>
Tag gambar <i rel="image">URL GAMBAR</i>
Tag judul <b rel="h3">JUDUL ANDA DI SINI...</b>
Tag huruf tebal <b>TEKS ANDA DI SINI...</b>
Tag huruf miring <i>TEKS ANDA DI SINI...</i>

Konversi Code
‹‹ Posting Lebih Baru Posting Lama ›› Beranda
Langganan:Posting Komentar (Atom)