*
Cara Mudah Membuat Spoiler Auto Hide di Blog* -
Efek spoiler auto hide adalah salah satu yang banyak dicari para blogger, karena dengan
tombol spoiler auto hide menjadikan lebih ringkas dan tidak memakan tempat.
spoiler auto hide ini bisa sobat gunakan dalam postingan atau pada gadget sidebar sobat.Lebih jelasnya seperti dibawah ini:
Contoh Spoiler Auto Hide:
*Cara Mudah Membuat Spoiler Auto Hide di Blog* - Efek spoiler auto hide adalah salah satu yang banyak dicari para blogger, karena dengan tombol spoiler auto hide menjadikan lebih ringkas dan tidak memakan tempat. spoiler auto hide ini bisa sobat gunakan dalam postingan atau pada gadget sidebar sobat.Lebih jelasnya seperti dibawah ini:
Judul Spoiler:
Nah,,, untuk memasangnya cukup mudah kok,,,, jika sobat tertarik untuk memasang efek spoiler auto hide di blog, berikut tutorialnya:
Login ke akun blogger dahulu.
Buat Entri Baru/New Post = Membuat postingan
Jika sudah, pada menu Entri, Pilih mode penulisan HTML (Bukan Compose) jika ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode Compose maka tidak akan berfungsi code scriptnya.
Lalu copas Script dibawah ini pada postingan yang akan dipasang autohide.
Catatan :
Judul Spoiler : Silahkan sobat ganti sesuai keinginan sobat
Tutup dan Buka : petunjuk untuk melihatnya (bisa sobat ganti sesuai keinginan)
Letakkan teks atau kode script (gambar atau video), link di sini :sobat ganti tulisan tersebut dengan kata-kata sobat atau dengan kode script gambar atau viveo.
JIka sobat ingin memasangnya pada sidebar, seperti biasa tambah gadget pilih HTML/javascript dan masukkan kode diatas dan isi dengan scrip gadget sobat seperti histats, alexa atau flag counter sobat.
Sekian dulu Cara Membuat spoiler auto hide di blog, semoga bermanfaat buat sobat semua. tutorial ini saya dapatkan dari Software mania Pc dengan link : http://softwaremaniapc.blogspot.com/2013/02/cara-membuat-efek-spoiler-auto-hide-di.html
Nah,,, untuk memasangnya cukup mudah kok,,,, jika sobat tertarik untuk memasang efek spoiler auto hide di blog, berikut tutorialnya:
- Login ke akun blogger dahulu.
- Buat Entri Baru/New Post = Membuat postingan
- Jika sudah, pada menu Entri, Pilih mode penulisan HTML (Bukan
Compose) jika ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode
Compose maka tidak akan berfungsi code scriptnya.
- Lalu copas Script dibawah ini pada postingan yang akan dipasang autohide.
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>:
<input value="Buka" style="margin: 0px; padding: 0px; width: 55px;
font-size: 12px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini <br>
</div>
</div>
</div>
Catatan :
Judul Spoiler : Silahkan sobat ganti sesuai keinginan sobat
Tutup dan Buka : petunjuk untuk melihatnya (bisa sobat ganti sesuai keinginan)
Letakkan teks atau kode script (gambar atau video), link di sini :sobat ganti tulisan tersebut dengan kata-kata sobat atau dengan kode script gambar atau viveo.
JIka sobat ingin memasangnya pada sidebar, seperti biasa tambah gadget pilih HTML/javascript dan masukkan kode diatas dan isi dengan scrip gadget sobat seperti histats, alexa atau flag counter sobat.
Sekian dulu Cara Membuat spoiler auto hide di blog, semoga bermanfaat buat sobat semua. tutorial ini saya dapatkan dari Software mania Pc dengan link : http://softwaremaniapc.blogspot.com/2013/02/cara-membuat-efek-spoiler-auto-hide-di.html