Cara Membuat Spoiler Pada Postingan Blogger

Cara Membuat Spoiler di Postingan

Cara Membuat Spoiler Pada Postingan Blogger | Cara Membuat Spoiler Pada Postingan Pada Blogspot | Tips Membuat Spoiler dalam Postingan Blogger | Cara Membuat Spoiler Dalam Postingan | Cara Membuat Spoiler Pada Postingan Blogger | Tips Membuat Spoiler Pada Postingan Blogger - Spoiler atau bisa disebut dengan autohide atau menyembunyikan artikel, gambar, tulisan dan lain sebagainya, ketika tombol buka di klik maka spoiler akan terbuka dan memuncul artikel atau gambar yang ada di dalamnya. Buat sobat para blogger pasti sudah tidak asing dengan yang satu ini bukan. yuk sob langsung aja ke Cara Membuat Spoiler Pada Postingan Blogger cekidottt !!!

Cara Membuat Spoiler Pada Postingan Blogger - Awalnya saya sedikit kewalahan dengan cara kerja dari Spoiler ini, setelah saya obok-obok ternyata cukup mudah untuk menggunakannya. Jadi jika nanti sobat mencoba untuk menggunakan Spoiler ini lantas ada kendala, jangan sungkan untuk mempertanyakannya sobat. Baiklah, dikesempatan ini saya sempatkan untuk share Cara Membuat Spoiler Pada Postingan Blogger, jadi buat sobat yang membutuhkannya silahkan langsung saja dicoba juga, cekidot...

Berikut Cara Mudah Membuat Spoiler di Postingan Blogger :
1. Login ke akun Blogger sobat.
2. Buat Entri Baru
3.Copy Script berikut ini di dalam postingan sobat :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Sisipkan teks atau kode script (gambar atau video) di sini
</div>
</div>
</div>

Contoh :

Judul Spoiler:

noreply@blogger.com (Alisia Nurfitri) 11 Nov, 2012

-
Source: http://wily-suwanda.blogspot.com/2012/11/cara-membuat-spoiler-pada-postingan.html
--
Manage subscription | Powered by rssforward.com