cara mudah membuat buka tutup komentar pada blog non AMP
Menu komentar pada website merupakan bagian terpenting, karena lewat menu komentar para pengunjung bisa memberikan masukan baik kritik maupun saran kepada admin pemilik website tersebut dengan mudah. Dengan menu komentar tersebut admin juga mudah memberikan jawaban langsung kepada pengunjung dan secara tidak langsung membuat pengunjung merasa puas dengan website tersebut.
Tahukah anda menu komentar merupakan salah satu syarat yang harus dimiliki website agar di terima oleh google adsense, menu ini masuk dalam pertimbangan karena bagian penting dalam persiapan website itu untuk di tinjau oleh pihak google adsense. jadi segeralah aktifkan menu komentar di website anda.
Sebelum kita memulai memasang buka tutup menu komentar kita bahas sebentar manfaat dengan memasang buka tutup komentar ;
- Mempercepat loading website
- Menghemat ruang yang ada pada website.
- Mempercantik tampilan website.
Jadi secara umum menggunakan buka tutup komentar bisa mempercepat loading dan pemaksimalan tampilan website anda.
CARA MEMASANG BUKA TUTUP KOMENTAR
1. Seperti biasa buka blogger.com > Thema > Edit HTML
2. Cari kode di bawah ini, jika anda tidak menemukan kode tersebut, maka carilah kode yang mirip karena setiap template memiliki struktur yang berbeda.
<b:include data='post' name='comments'/>
3. jika anda sudah menemukan kode tersebut maka hapus.
4. Selanjutnya masukan script di bawah ini di posisi yang tepat script yang anda hapus di atas tadi .
<b:if cond='data:blog.pageType == "item"'> <style> .buka-komen,.tutup-komen{font-family:inherit;background:#49ace1;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:40px;-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("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>
5. Setelah menempatkan kode di atas dengan benar anda bisa langsung save.
Note : kode 49ace1 merupakan warna background dan kode fff adalah warna text, jadi jika anda ingin mengganti warna buka tutup komentar sesuai dengan website anda silahkan ganti kode warna di atas.
Itulah cara mudah membuat buka tutup komentar pada blog non AMP.
0 Response to "cara mudah membuat buka tutup komentar pada blog non AMP"
Post a Comment