Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML)

Yo Yo bertemu lagi di situs penulis akan melakukan pembahasan "Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML)" secara gamblang, ayo simak selengkapnya ...

Widget anotasi pada sebuah Blog/Web sangat besar manfaatnya selain untuk melakukan komunikasi ternyata juga dapat meluaskan performa blog/web. Blog akan terlihat rapi andaikata widget anotasi disembunyikan lamun sedia tombol buka tutupnya. Selain membantu meringankan loading blog cara ini juga bisa memaksimalkan pengunjung saat membaca artikel.

Komentar Blogger, Facebook dan Disqus memiliki kelebihan dan kelemahan masing masing. Jika penggunaan Widget Komentar yang bagus saran saya awak menggunakan oleh-oleh Blogger. Bukan berarti Facebook dan Disqus tidak bagus lamun bertambah disarankan saja. Saat ini blog mastimon.com menggunakan Komentar Disqus akibat menurut saya tampilannya menarik.

Baca juga : Cara memasang Widget Komentar DISQUS di Blog/Web dengan mudah

Tetapi sedia yang melahirkan saya tidak merasa nyaman saat menggunakan Widget Komentar Disqus. Coba awak perhatikan bahwa saat ini saban blog yang menggunakan anotasi Disqus pasti sedia Iklan tampil oleh-oleh Disqus. Disitu saya merasa sedih akibat merasa sia sia menampilkan iklan tersebut. Penghasilan dari iklan Disqus cukup kecil dan sedia batasan jika inggin gajian.

Menyiasatinya supaya iklan Disqus tidak tampil secara melantas adalah menyembunyikan Widget dan melahirkan tombol Buka Tutup (Show Hide) Komentar tersebut. Anda bisa lihat Tombol Buka Tutup Komentar blog mastimon.com ini, cukup cantik bukan dan blog semakin terlihat rapi. Bagi awak yang berminat memodifikasi Komentar Disqus silahkan ikuti cara berikut ini.

Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook

Langkah pertama untuk melahirkan tombol Show Hide Komentar adalah silahkan awak cari kode dibawah ini :

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

Jika sudah mendapatkannya, silahkan awak ganti dengan kode HTML dibawah ini :

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

<style>

.buka-komen,.tutup-komenfont-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-komendisplay:block;margin-bottom:20px

#comments-boxdisplay: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>

Silahkan awak ganti warna, ukuran font dan lain lain sesuai dengan keingginan. Kode HTML di atas sebenarnya tidak menunda loading Disqus beres kemungkinan besar PageSpeed blog awak tetap. Tetapi jika kita lihat tampilannya menjadi rapi dan eco dilihat. Para pengunjung atau visitor akan betah berlama lama di blog anda.

Lihat juga : Cara dapatkan UANG dari Iklan DISQUS dengan Widget Komentar

Bagaimana, cukup mudah bukan melahirkan tombol Buka Tutup pada Widget Komentar Disqus, Facebook dan Blogger. Jika awak masih merasa kebinggungan cara pasangnya silahkan berkomentar pada artikel ini. Dengan bahagia hati admin akan membantu dan semoga blog ini selalu bermanfaat untuk pembaca sekalian, Terimakasih.

Begitulah pembahasan "Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML)" terimakasih atas kunjungannya

artikel ini ke dalam kategori blogging for money, blogging adalah, blogging tutorial for beginners pdf,

artikel ini bersumber dari berbagai artikel yang ada di google searcing.