Monday, July 1, 2019

Cara Membuat Tombol Spoiler Mudah Dan Singkat

Monday, July 1, 2019

Cara Membuat Tombol Spoiler Mudah Dan Singkat


Membuat Tombol Spoiler Atau Hide and Show di Blog Itu Terbilang Sangatlah Mudah atau Gampang Banyak Sekali Pengguna Blogger Yang Menggunakan Tombol Tersebut Apakah Sahabat Blogger Mau Menerapkan Nya Di Blognya? Tentunya Mau lah Harus, Mengapa Saya Mengatakan Demikian? Karena Tombol Hide and Show Sangatlah Bermanfaat Buat Blog Khususnya Di Dalam Postingan Artikel Blog. Apakah Anda Sudah Mengetahui Tentang Tombol Hide and Show dan Seperti Apakah Tombol Yang Di Maksud? Para Pengguna Blogger Yang Sudah Lama Menggeluti Dunia Blogging Tombol Hide and Show ini Menyebutnya (Spoiler).

Tombol Spoiler Berfungsi Untuk Digunakan Di Dalam Blog Agar Dapat Menyembunyikan Beberapa Isi Daripada Konten Postingan Berupa Teks, Link atau Foto (gambar). Dengan Adanya Fitur Spoiler, Sahabat Blogger Bisa Gunakan Agar Dapat Menghemat Tempat dan Posisi, Jikalau Anda Menggunakan Nya Nanti Pada Saat Sedang Menulis Artikel Postingan Blog dan Tombol Spoiler Ini Mempunyai Kelebihan Yaitu Bisa Menghemat Tempat dan Sekaligus Dapat Di Gunakan Sebagai Widget Di Dalam Blog Anda.

Sahabat Blogger Mengambil Point Kata Menyembunyikan di Atas Bahwa Menyembunyikan Bukan Berarti Anda dan Pengunjung Blog Tidak Bisa Melihat Kontennya Yang Dimaksud, Ya Tentu Masih Dapat Dilihat, Untuk Lebih Jelas Nya Dalam Kesempatan Ini Saya Akan Berbagi Cara Membuat Tombol Hide and Show (Spoiler) Mudah dan Singkat Di Postingan Artikel Maupun Pada Widget Dengan Menambahkan Gadget Di Dalam Kolom HTML/Java Script Dan Bisa Di Tempatkan Di Mana Saja Sesuai Dengan Keinginan. Sahabat Blogger Berikut Langkah Dan Panduanya Di Terapkan Di Halaman Postingan Entri Blog Dibawah Ini;

1. Masuk Ke Akun Google Dasbor Blogger
2. Pilih Tab Menu Postingan
3. Selanjutnya Klik Tulisan Entri Baru
4. Lalu Copy Kode HTML Dibawah
5. Dan Letakan Di Dalam Halaman Entri Postingan Blog
6. Pilih Lagi Tab Menu HTML Di Samping Kanan Compose

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="margin-bottom: 2px;">
<i><b><small>Tombol Spoiler Baca Di Sini</small></b></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI DENGAN TULISAN, LINK ATAU URL GAMBAR ANDA DISINI&nbsp;&nbsp;
</div>
</div>
</div>
&nbsp;
</div>

Cara Tempel Kode HTML Di Samping Kanan Compose




Dan Hasilnya Akan Terlihat Seperti di Bawah Ini





Tombol Spoiler Baca Di Sini
ISI DENGAN TULISAN, LINK ATAU URL GAMBAR ANDA DISINI  
 





Note:
Jangan Anda Lupa Mengganti Tulisan Yang Di Beri Tanda Warna Merah "ISI DENGAN TULISAN, LINK ATAU URL GAMBAR ANDA DISINI" Dengan Gambar Link atau Tulisan Yang Akan Anda Sembunyikan Nantinya





Nah, Itulah Artikel tentang Cara Membuat Tombol Spoiler Mudah Dan Singkat semoga bermanfaat dan menjadikan tips dari blog ini sebagai referensi ketika anda para pemula ingin dan mau menerapkan di blognya. Lebih dan kurangnya mengenai tata bahasa dan penulisan harap berikan komentar juga kritik dan saran nya di bawah postingan ini terimakasih dan Salam Blogger...

Show comments
Hide comments

4 comments on Cara Membuat Tombol Spoiler Mudah Dan Singkat