lah...kok?? newbie ngajar newbie??
ya nggak papa dong... cuma pengen ngasi info aja. kebetulan pas lagi belajar buat Blog, nemuin hal-hal yang mungkin saja para newbie sekalian lagi kebingungan nyarinya :D
nah, yang pertama saya akan ngajarin
gimana cara membuat spoiler pada Blog!
Sebelumnya, apa itu spoiler ? Menurut pengertian saya, spoiler adalah tombol yang dapat digunakan untuk mempersingkat postingan blog. Mau tau kenapa?? cek aja spoiler di bawah ini!
Contoh Spoiler:
gampang kok, tinggal ikutin aja langah-langkah berikut ini!!
1. Login ke akun Blogger anda
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode HTML saat membuat postingan
4. Gunakan script berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Contoh Spoiler</b>: <input value="Lihat" 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 = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau script anda disini
<br>
</div>
</div>
</div>
Catatan :
- Kata Contoh Spoiler adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol Lihat/Tutup). Anda dapat menggantinya sesuai keinginan anda.
- Kata Lihat dan Tutup adalah kata yang terdapat pada tombol. Anda dapat menggantinya sesuai keinginan
5. Klik Publish jika sudah selesai
Sekian tips cara membuat spoiler dari saya. semoga dapat bermanfaat dan Terima Kasih telah berkunjung ke Blog saya ;D
Tidak ada komentar:
Posting Komentar