Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML)
Hohoho, bertemu kembali di blog AUTOGOBLOOG , sesi kali ini akan dibahas tentang blogging dapat uang Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML) simak selengkapnya
Widget anggapan pada sebuah Blog/Web sangat besar manfaatnya selain untuk melancarkan komunikasi ternyata lagi dapat meningkatkan performa blog/web. Blog akan terlihat rapi apabila widget anggapan disembunyikan tetapi ada bincul buka tutupnya. Selain mendukung meringankan loading blog cara ini lagi bisa memaksimalkan pengunjung saat membaca artikel.
Komentar Blogger, Facebook dan Disqus memiliki kelebihan dan kelemahan masing masing. Jika eksploitasi Widget Komentar yang agus saran aku awak menggunakan bawaan Blogger. Bukan berarti Facebook dan Disqus tidak agus tetapi lebih disarankan saja. Saat ini blog mastimon.com menggunakan Komentar Disqus atas menurut aku tampilannya menarik.
Baca lagi : Cara melekatkan Widget Komentar DISQUS di Blog/Web dengan mudah
Tetapi ada yang membuat aku tidak merasa aman saat menggunakan Widget Komentar Disqus. Coba awak perhatikan bahwa saat ini setiap blog yang menggunakan anggapan Disqus aman ada Iklan tampil bawaan Disqus. Disitu aku merasa sedih atas merasa sia sia menampilkan iklan tersebut. Penghasilan dari iklan Disqus cukup kecil dan ada batasan andaikata inggin gajian.
Menyiasatinya supaya iklan Disqus tidak tampil ala langsung adalah menyembunyikan Widget dan membuat bincul 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 bincul Buka Tutup Komentar Disqus, Blogger dan Facebook
Langkah pertama untuk membuat bincul Show Hide Komentar adalah silahkan awak cari asas dibawah ini :
<b:include cond='data:blog.pageType in "static_page","item"' data='post' name='comments'/>
Jika sudah mendapatkannya, silahkan awak ganti dengan asas HTML dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<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("comments-box").style.display="block";document.getElementById("tutup-komen").style.display="block";document.getElementById("buka-komen").style.display="none"' role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById("comments-box").style.display="none";document.getElementById("tutup-komen").style.display="none";document.getElementById("buka-komen").style.display="block"' role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div id='comments-box'>
<b:include cond='data:blog.pageType in "static_page","item"' data='post' name='comments'/>
</div>
Silahkan awak ganti warna, barometer font dan lain lain sesuai dengan keingginan. Kode HTML di atas sebenarnya tidak menunda loading Disqus jadi kebolehjadian besar PageSpeed blog awak tetap. Tetapi andaikata kita lihat tampilannya menjadi rapi dan enak dilihat. Para pengunjung atau visitor akan betah berlama lama di blog anda.
Lihat lagi : Cara dapatkan UANG dari Iklan DISQUS dengan Widget Komentar
Bagaimana, cukup mudah bukan membuat bincul Buka Tutup pada Widget Komentar Disqus, Facebook dan Blogger. Jika awak masih merasa kebinggungan cara pasangnya silahkan berkomentar pada karangan ini. Dengan senang hati admin akan mendukung dan hendaknya blog ini selalu bermanfaat untuk pembaca sekalian, Terimakasih.
Oke penjelasan perihal Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML) semoga tulisan ini menambah wawasan salam
Artikel ini diposting pada label blogging dapat uang, blogging for money, blogging blog,
Belum ada Komentar untuk "Cara buat tombol Buka Tutup Komentar Disqus, Blogger dan Facebook di Template Non AMP (HTML)"
Posting Komentar