Saat Ini Orang Sedang Online

Memasang Tombol Hide-Show/Spoiler Di Blogspot




Manfaat dari tombol hide-show atau spoiler ini adalah untuk menyingkat suatu tampilan fitur atau objek lain. Misalnya saja teman-teman punya artikel yang panjaaang sekali, dan takut kalau para pembaca nantinya merasa jenuh, nah teman-teman bisa menggunakan tombol spoiler ini, untuk menyingkat beberapa dari bagian artikelnya teman-teman. Selain itu tombol spoiler ini tidak hanya berguna untuk tulisan atau teks, akan tetapi juga berguna untuk gambar, serta objek-objek yang dapat ditampilkan di blognya teman-teman yang menggunakan jasa javaScript/ kode HTML. Nah kalau penasaran apa itu spoiler, bisa tuh langsung melihat contoh tampilan berikut ini:





Bagaimana,
imutkan
baguskan?
Bagi teman-teman yang belum tahu cara memasangnya, bisa dilakukan melalui langkah-langkah berikut ini:


1. Login ke blogger.com.

2. Klik Tata Letak.

3. Klik Tambah Gadget/ Add Gadget.

4. Pilih HTML/JavaScript.

5. Masukkan kode berikut ini, dan jangan lupa klik simpan:
  

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value ='Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Silahkan diisi apa saja di sini, yang memang dirasa perlu untuk disingkat

</div></div></div></div>


Keterangan :
  • Biru : Silahkan anda ganti dengan kata-kata yang anda inginkan misal: Munculkan, atau show!
  • Orange : Anda bisa menggantinya dengan kata yang anda inginkan, misal: Hide, atau hilangkan!
  • Hijau : Silahkan disisipi dengan teks atau kode yang memang perlu disingkat.


6
. Selesai...


Selamat mencoba!










Sumber : Fhajar





Anda telah membaca artikel tentang Memasang Tombol Hide-Show/Spoiler Di Blogspot dan anda bisa menemukan artikel ini dengan url http://binhakim.blogspot.com/2011/09/memasang-tombol-hide-showspoiler-di.html, anda boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Memasang Tombol Hide-Show/Spoiler Di Blogspot ini dirasa bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Memasang Tombol Hide-Show/Spoiler Di Blogspot sebagai sumbernya.
Terima Kasih

Artikel Yang Berhubungan :



2 Komentar:

Er'end mengatakan...

Follower 80 menyukai tips ini,ijin diterapkan di blogku.Akan menambah simple widget-widgetku.Makasih Gan ya.

Terimakasih Er'end Atas Kunjungan Dan Komentar Anda Pada Artikel Ini.
by Bin Hakim
Fathurrahman mengatakan...

makaasih gan infonya thx ya..

visit my blog http://kliktombol.blogspot.com/

Terimakasih Fathurrahman Atas Kunjungan Dan Komentar Anda Pada Artikel Ini.
by Bin Hakim

Posting Komentar

Terima Kasih Atas Komentar Anda !!!!!

Related Posts Plugin for WordPress, Blogger...

Artikel Pilihan Lainnya

TOKO BUKU :

Silakan diklik mana buku yang akan anda dapatkan