Cara Membuat Buka tutup Komen Keren di komentar di blog

Buka tutup Komen Keren- di komentar

Pada postingan kali ini, saya akan membuat tutorial cara membuat buka tutup komen pada komentar Blogger. Caranya sangat mudah, namun tidak semua orang bisa dan pasti akan mencari sumber masalahnya di blogger.

Sebenarnya fungsi dari buka tutup komentar ini tidaklah terlalu penting, ini menurut saya.

Tapi, blog akan lebih rapi jika di kasih fasilitas buka dan tutup pada komentar. Selain rapi, pengunjung juga akan merasa dimanjakan dengan tampilan buka tutup komentar ini.

Pengunjung juga pasti akan lebih fokus membaca artikel anda nantinya, bukan langsung membaca komentar kmentar di blog anda.

Ya meskipun masih banyak pengguna blogspot yang saat ini masih menggunakan komentar bawaaan blogger, termasuk saya sendiri.

Dan pastinya banyak juga yang menggunakan Komentar selain bawaan blogger seperti Disqus, Komentar G+, dan Komentar Facebook.

Dan tentu saja mereka punya alasan tersendiri, saran saya. Gunakanlah komentar bawaan blogger saja. Selain simpel juga tidak akan memberatkan loading blog anda.

Seperti apakah tampilan buka tutup komenya?. Silahkan anda lihat di bawah ini:

Buka Komentar


Nah tampilanya seperti di atas, Lalu bagaimana agar blog saya Komentarnya bisa di buka dan di tutup?


Gampang! Cara Membuat buka tutup komentar yang keren di blogger


Pertama silahkan anda buka Dashboard Blogger Lalu pilih Tema lalu Edit HTML.

Kemudian silahkan anda cara kode dibawah ini:. Agar lebih mudah silahkan anda cari dengan menggunakan Ctrl + F.


<b:include data='post' name='comments'/>

Jika sudah ketemu Ganti kode di atas dengan kode di bawah ini:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background:#11589D;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}
</style>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div id='comments-box'>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
          </div>

Jika anda ingin merubah warnanya silahkan di rubah sesuai dengan selera anda. Jika sudah selesai Simpan Template dan lihat hasilnya.

Sekianlah,, untuk: Cara Membuat Buka tutup Komen Keren- di komentar di blog.

0 Response to "Cara Membuat Buka tutup Komen Keren di komentar di blog"

Post a Comment

Berkomentarlah yang bijak dan sesuai dengan isi konten. Komentar dengan Link hidup/mati tidak akan disetujui.

(✔). Boleh berkomentar menggunakan bahasa jawa

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel