Search JavaScript Kit:

This free script provided by
JavaScript Kit

Placed AD here !!

Cara Memasang Spoiler di Blog

Sobat semua tentunya sudah pada kenal dengan yang namanya Spoiler yaitu suatu Widget dimana ketika di klik tombol petunjuknya akan melakukan Buka-Tutup jika tombol berulang-ulang di klik. Adapun fungsi dan kegunaan Widget ini adalah untuk meringkas tampilkan sehingga tidak terlalu banyak makan tempat di ruang Blog dan terkesan simple sekali bahkan sekilas seperti tidak ada,padahal apabila di klik  akan terbuka melebihi halaman Blog.
Dan cara membuat dan memasangnyapun cukup mudah sekali. Ok langsung saja ke tutorialnya....

Kode HTML Spoiler :

</span></b><br />
<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 100px;" type="button" value="Buka" /> </div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER DI SINI DENGAN SCRIPT, IMAGES, TEXTS DAN LAIN-LAIN SESUAI KEBUTUHAN
</div></div></div>

Ada 2 ( dua ) Cara/ jenis penempatan Widget ini, tidak beda dengan Cara mudah memasang Widget kode warna HTMLCara mudah memasang Widget Jadwal TV di Blog dll yaitu :
A. Postingan
B. Sidebar Blog

A. Ditempatkan di postingan

Langkahnya :
1. Login ke Blogger
2. Pilih Entry Baru
3. Pilih Mode HTML
4. Copy Paste kode diatas ( Kode HTML Spoiler )
5. Ganti ke Mode Compose
6. Publish/ Publikasikan
7. Lihat hasilnya

B. Ditempatkan do sidebar Blog

Langkahnya :
1. Login ke Akun Blogger
2. Pilih Tata Letak >> Add Gadget >> Java Script/ HTML
3. Copy kode diatas ( Kode HTML Spoiler )
4. Save/ Simpan Gadget
5. Lihat hasilnya





Masukkan Link URL, Text, Link Image dan lain-lain.

Screenshot :

SILAHKAN ISI SOPILER DI SINI DENGAN SCRIPT, IMAGE, TEXT DLL

Demikianlah tutorial Cara Memasang Spoiler di Blog, semoga berguna untuk menambah koleksi desain Blog sobat.





.: h72 :.

0 komentar:

Post a Comment

No spam...