Skip to content Skip to sidebar Skip to footer
Home / Blogger / Blogging

√ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event

By Admin Post a Comment
√ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event - Selamat berjumpa kembali sahabat SMK NEGERI 1 SERI KUALA LOBAM, Senang dapat bertemu anda kembali untuk membahas materi atau artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Semoga pembahasan postingan atau artikel kategori Artikel Blogger, Artikel Blogging, yang kami tulis ini dapat anda pahami. Tanpa memperpanjang basa-basi lagi, kami sampaikan selamat membaca.

Seberapa dalam artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event ini dapat kami bahas dan jabarkan kepada anda, kiranya tidak mengurangi makna. Kami hanya berpesan kepada pembaca SMK NEGERI 1 SERI KUALA LOBAM, jadikan artikel kami ini sebagai materi tambahan. Jika masih kurang lengkap, pembaca dapat menambah wawasan dengan mencari artikel serupa diblog lainnya atau menanyakan langsung kepada pakar yang mahir dengan masalah √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event. Selamat menambah wawasan!

√ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event

Kotak komentar adalah salah satu elemen pendukung sebuah blog maupun  website, dengan adanya kotak komentar, para pengunjung bisa saling menyapa hingga bertanya mengenai artikel yang sedang ia baca (jika ia belum paham tentang artikel yang ia baca).

Tentunya jika ada pengunjung blog kamu yang berkomentar, pasti kamu akan senang, sebab itu tandanya blog kamu aktif dikunjungi oleh orang.

Namun, bagaimana jika ada puluhan atau bahkan ratusan komentar di blog kita?, ini pastinya akan membuat kesal pengunjung, karena scrool blog akan menjadi sangat panjang.

Tetapi, masalah ini bisa di atasi dengan membuat komentar show and hide, yaitu komentar akan membuka dan menutup jika kita klik sehingga scrool blog tidak akan panjang dan meringankan loading blog. Langsung saja simak tutorial dibawah!

#1 Membuat Komentar Blogger Show and Hide Setelah ada Komentar

Komentar blogger show and hide ini hanya akan tampil setelah ada pengunjung blog kamu yang berkomentar, artinya jika belum ada yang berkomentar, maka show and hide ini tidak akan tampil.

1. Buka dashboard blogger kamu.
2. Pilih menu Tema > Edit HTML, lalu cari kode 
 yang berdekatan dengan kode .
3. Setelah kode tadi ketemu, kemudian ganti dengan kode di bawah.
Tutup Komentar 
         
 Buka Komentar

4. Setelah selesai, cari kode .
5. Lalu tempel kode di bawah, tepat di atas kode .
/* Show and Hide Komentar by BangOpit.id */ .hide-content{display:none;margin:0;padding:0;} a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s} a.showcontent:hover{background:#fff;color:#5593f0;} #comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

6. Masih tetap di Edit HTML, cari lagi kode .
7. Lalu tempel kode di bawah, tepat di atas kode .

8. Simpan tema.


#2 Membuat Komentar Blogger Show and Hide Sebelum dan Setelah ada Komentar

Berbeda dari tutorial pertama, tutorial yang kedua ini show and hide-nya akan tampil meskipun belum ada komentar dan akan tampil juga setelah ada pengunjung blog kamu yang berkomentar. Saya sendiri menggunakan cara yang kedua ini pada blog saya

1. Buka dashboard blogger kamu.
2. Pilih menu Tema > Edit HTML, lalu cari kode 
.
3. Setelah kode tadi ketemu, kemudian ganti dengan kode di bawah. 
Tutup Komentar 
         
 Buka Komentar
Terdapat dua kode
, maka ganti semua kode tersebut.

4. Setelah selesai, cari kode .
5. Lalu tempel kode di bawah, tepat di atas kode . 
/* Show and Hide Komentar by BangOpit.id */ .hide-content{display:none;margin:0;padding:0;} a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s} a.showcontent:hover{background:#fff;color:#5593f0;} #comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

6. Masih tetap di Edit HTML, cari lagi kode .
7. Lalu tempel kode di bawah, tepat di atas kode .

8. Simpan tema.



Penutup Artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event

Demikian artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event kali ini, semoga bisa memberi manfaat untuk anda semua pembaca blog SMK NEGERI 1 SERI KUALA LOBAM. Allright, sampai jumpa pada postingan artikel lainnya.

Baru saja anda membaca artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event dengan alamat link https://smkn1serikualalobam.blogspot.com/2018/01/cara-membuat-komentar-blogger-show-and.html

Artikel √ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event ini kami arsipkan pada kategori Blogger Blogging.

Location:

Post a Comment for "√ Cara Membuat Komentar Blogger Show and Hide dengan Onclick Event"