Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog

Pada kesempatan malam ini saya akan menawarkan tutorial cara membuat tombol buka tutup komentar disqus pada blog ala mastimon yang ibarat ini.



fungsi nya sendiri yah banyak yang bilang sih mempercepat loading blog nya lantaran yakni kolom komentar bawaan dari blogger sendiri yah bersifat publish tidak ada  tombol buka tutup dan tombol buka tutup komentar ini dikala friendly sekali tentu nya buat kalian yang para blogger yang visitor nya banyak dari smartphone lantaran yakni mampu mempercepat loading blog anda juga tentu nya dan sangat di sukai sekali para visitor yang menggunakan smartphone.

pada blog ini sendiri saya menggunakan tombol buka tutup komentar saya berfikir tombol buka tutup komentar membuat blog saya loading nya tambah cepat dan untuk anda yang ingin menggunakan script ini di sarankan menggunakan disqus di lantaran yakni bawaan blogger masih banyak kelemahan tentu nya.

sebenar tutorial ini berbagai bertebaran di google yah tetapi tutorial yang saya mampu dari blog mastimon ini sendiri sangat simpel sekali tentu nya anda tidak perlu banyak menghapus banyak script ibarat tutorial yang saya temukan bertebaran di google sana anda tidak perlu berilmu coding tentu nya lantaran yakni sangat simpel sekali.



Oke lanjut saja inilah Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon yang sangat simpel sekali untuk kalian para newbie.



setuju langkah pertama untuk membuat tombol buka tutup komentar disqus anda mampu mencari instruksi di bawah ini jangan lupa menuju edit HTML terlebih dahulu.



<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>



jikalau anda sudah menemukan instruksi tersebut anda mampu mengganti nya dengan instruksi bawah ini supaya kolom komentar pada blog anda mampu menjadi buka tutup.



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

.buka-komen,.tutup-komen{font-family:inherit;background-color:#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 sudah silahkan anda klik save template dan anda lihat apakah sudah berfungsi tombol buka tutup komentar nya dan pastikan tidak ada error dikala edit HTML.

sangat mudahkan Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon semoga mampu mempercepat dan memperindah blog anda supaya artikel ini bermanfaat bagi anda tentu nya dan saya sendiri sangat berterimakasih pada mastimon adiyoso.

Komentar

Postingan populer dari blog ini

Video dapat Anda temukan di YouTube

Search Engine Optimization (SEO) para Google, Yahoo y Msn

Daftarkan bisnis lokal Anda secara gratis di Google dan Yahoo