Pada kesempatan kali ini saya akan share kepada Anda bagaimana cara menambah tombol open / close untuk blogger. Jadi konsepnya adalah menyembunyikan beberapa file Anda dan untuk melihatnya Anda harus mengklik Open / Close tombol. Tombol ini banyak dapat membantu dan menyimpan konten dari spanmer, tukang copas, dan lain-lain. Tombol ini terbuat dari CSS dan HTML.
Anda juga dapat mengubah teks Open / Close dengan pilihan yang Anda inginkan. Anda dapat menyembunyikan file seperti gambar, kode , file audio, link meng-upload dan lain-lain dengan tombol ini. Dalam tutorial kode ini terbuat dari banyak elemen CSS yang akan mengubah ukuran / memotong gambar besar. Demo desain dapat dilihat di bawah ini.
DEMO
Dibawah ini adalah langkah-langkah untuk menambahkan tombol ini untuk Blog/Website Anda
TAMBAH HTML/CSS
Untuk menambahkan tombol ini di posting Anda pergi ke tab HTML editor dan tambahkan kode di bawah ini.
<div id="spoiler" style="display: none;">
KONTEN / ISI.
</div>
<button onclick="if(document.getElementById('spoiler')
.style.display=='none') {document.getElementById('spoiler')
.style.display=''}else{document.getElementById('spoiler')
.style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<br />
Setelah menambahkan HTML hanya mengedit dan menambahkan file tersembunyi yang dapat Anda lakukan dengan melihat langkah di bawah ini.
MENYIAPKAN TOMBOL
- Ganti KONTEN / ISI. dengan konten yang ingin Anda sembunyikan dengan tombol Open / Close.
- Ganti Open / Close dengan teks yang diinginkan yang ingin ditampilkan pada tombol.
Sekarang konten Anda aman dalam pembaca setia Anda dan jauh dari spammer dan tukang copas. Sekian tutorial singkat ini, semoga membantu Anda dalam dunia internet.
Selamat berkreasi...:)
Blogger
Google+
Facebook
Twitter