Cara Membuat Show Hide Toggle Komentar di Blog

Kali ini saya akan berbagi trik cara menyembunyikan atau menampilkan toggle show/hide Komentar di blog,toggle show ini berpungsi untuk menampilkan Komentar yang berada di blog walaupun dalam Jumlah banyak,begitu juga dengan Hide toggle yaitu menyembunyikan Komentar yang berada di blog milik kita

Dengan memasang nya toggle Hide atau Toggle show komentar ini akan berguna sekali bagi anda yang dimana di blog nya sudah memiliki banyak Komentar sehingga terlihat kurang enak di pandang karena terlalu banyak nya komentar di suatu postingan blog

Maka dengan ada nya toggle hide atau show ini kita dapat menyembunyikan komentar tersebut dan juga dapat menampilkan kaoan saja kita mau dengan menekan tombol yang sudah di sediakan Oleh pemilik blog yaitu kita

Dengan memasang Toggle Show hide komentar ini tidak berpengaruh terhadap blog yang kita miliki malah sebalik nya blog kita akan terlihat Rapi di mata para pengunjung blog,maka apa salah nya jika sobat blogger untuk mencoba memasang Toggle Show hide komentar ini

Cara Memasang Toggle Show Hide Komentar di Blog

Dan untuk cara pemasangan Toggle Hide show komentar ini sangatlah mudah sekali anda hanya perlu mengikuti langkah-langkah nya di bawah ini di antara nya

• Masuk ke akun blogger milik anda
• Lalu kemudian ke bagian Tema Lalu klik Edit Html
• Setelah berada di bagian Edit Html silahkan anda letakan CSS berikut

.toggle-comment-sidobey a {
     display: inline-block;
     background: #C90230;
     padding: 15px;
     margin: 10px;color:#fff;
}

• Lalu langkah selanjut nya Letakan Kode berikut sesuai keinginan anda baik itu di bawah post atau di atas kolom komentar

<span class='toggle-comment-sidobey'>
<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%}
</style>

• Lalu kemudian Save Template dan lihat hasil nya

Nah itulah car membuat Toggle Show Hide Komentar di blog,semoga artikel nya bisa membantu sobat blogger semua.

• SHARES
• Share
• Tweet
• Share
• Share

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by D2Ubed, Published at September 02, 2019 and have 0 komentar