Minggu, 30 Maret 2014

Cara Memasang Spoiler di Posting Blog

Cara Memasang Spoiler di Posting Blog - Alhamdulillah pada malam ini saya bisa memberikan sedikit tutorial bagi sobat semua. Pada kesempatan yang baik ini saya akan mencoba menjelaskan bagaimana caranya memasang spoiler di posting Blog.

Spoiler, Saya juga tidak tau pengertiaanya tapi bisanya berfungsi untuk menyembunyika foto, video, ataupun scrip, jadi biar loading blog kita tidak lelet, jadi saya kira cara ini perlu dicoba karena mencegah visitor yang akan kabur karena loading blog kita lama.. Kalau sobat ingin pasang

Buat posting baru kemudian pada ubah dalam bentuk HTML dulu jadi biar scriptnya berfungsi, kemudian copy pastekan script di bawah ini


<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
<img src="http://2.bp.blogspot.com/-oYUy6b1SPuc/UzbwBFgZYfI/AAAAAAAAAKU/Y__wVTWQ16A/s1600/images.jpg" border="0" alt="Edit Html Post"></a>
</div>
</div>
</div>

tanda merah silahka sobat isi dengan video, foto atau script, untuk lebih jelasnya hasilnya seperti di bawah ini

Spoiler :
Edit Html Post
Selamat mencoba sob, semoag dengan memasang spoiler di posting sobat dapat mempercepat loading blog sobat, Semoga apa yang saya tulis ini bisa bermanfaat dan atas kunjungannya saya ucapkan terima kasih banyak, jangan lupa komennya sob...

1 komentar: