Dian Motor Cell

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....

</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>

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 )

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 :

.: h72 :.