Ads 728x90

» » Cara Membuat Hide SHow Komentar di Blog
Dede Ubed 29 Agustus 2 komentar Read
adscblog
Cara Mudah Membuat Toggle Hide Show Komentar - Kali ini saya akan berbagi Trik bagaimana Cara membuat Tombol Hide Show di halaman Blogger untuk Komentar,Toggle Hide Show ini berfungsi untuk menyembunyikan Komentar di bawah postingan

Mungkin Jarang yang memasang Toggle Hide Show Komentar saat ini,tetapi menurut saya Memasang Toggle Hide show di blog ini sangatlah penting apalagi bagi blog yang banyak sekali yang berkomentar
Kenapa dikatakan penting sekali memasang Toggle Hide Show di komentar,Karena ketika para pengunjung yang datang ke blog kita dan kebetulan Komentar nya banya dan tentu nya harus men seckrol terlebih dahulu di karenakan banyak yang berkomentar

Nah Tujuan memasang Toggle Show Hide di Blog ini Untuk mempersingkat waktu dan memudahkan para Pengujung Untuk berkomentar di blog kita tanpa harus mensekroll terlebih dahulu ke akhir komentar di postingan tertentu

Cara Membuat Toggle Hide Show di bawah Postingan Blog

Kelebihan Toggle ini untuk anda yang ingin memasang nya,toggle ini hanya menggunakan CSS saja tanpa menggunakan jQuery sehingga tidak memberatkan loading page di blog tertentu dan juga tidak memberikan dampak apapun terhadap loading blog sobat

Dan Untuk sobat yang ingin memasang Toggle Show Hide komentar ini sobat dapat mengikuti langkah langkah penerapan nya sebagai berikut
  1. Silahkan masuk ke Akun blogger sobat
  2. Setelah itu pilih blog sobat kemudian klik Tema > Edit Html
  3. Setelah berada di bagian edit Html silahkan sobat letakan kode berikut di bawah Postingan Sobat,atau silahkan atur Letak yang di inginkan sobat

<span class='toggle-comment-gblog'>

<span id='show-comment'>

<a href='javascript:void(0)' onclick='document.getElementById(&apos;comment_block&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-comment&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-comment&apos;).style.display=&apos;none&apos;' title='Show Comments'>Perlihatkan Semua Komentar</a>

</span>

<span id='hide-comment'>

<a href='javascript:void(0)' onclick='document.getElementById(&apos;comment_block&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-comment&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-comment&apos;).style.display=&apos;inline-block&apos;' title='Hide Comments'>Tutup Semua Komentar</a>

</span>

</span>

<style>

#hide-comment,#comment_block{display:none;}#comment_block{width:100% auto}

</style>
Setelah itu Save Template dan Lihat hasil nya
atau Sobat Juga bisa menambahkan kode Css Berikut di bawah kode <body>
<style>
.toggle-comment-gblog a {
     display: inline-block;
     background: #CF9271;
     padding: 15px;
     margin: 10px;
}
</style>
Nah itulah Cara membuat Toggle Hide Show di bawah Postingan Blog,semoga artikel ini bisa membantu sobat blogger Semua,selamat mencoba dan salam blogger
adscblog

Recommendation Apps
ads1
Posted by Dede Ubed, Published at 29 Agustus and have 2 komentar
Dede Ubed

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

2 komentar

avatar
Bang Day | Bede 01/12/20, 15.39
✖

Kok gak jalan di blog saya ya nas

Balas
avatar
Dede Ubed 06/12/20, 10.41
✖

Masih Bisa kok Mas...

Balas

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

Ads 728x90