Cara Membuat Spoiler atau Menu Tersembunyi pada postingan Blog

Malam Kawan kawan I Life Style kali ini  I Lifestyle akan membagikan cara membuat spoiler atau menu tersembunyi pada postingan Blog, Ilifestyle sempat menemukan beberapa code namun yang kali ini Ilefe style bagikan adalah code yang Ilifesyle Gubah sendiri hasilnya akan seperti di bawah atau mirip dengan spoiler pada Forum Detik.com, bagaimana cara penggunaannya

Contoh By I Lifestyle

1. Masuk terlebih dahulu ke blog anda
2. Buka menu Posting atau New Pos seperti saat anda mau posting biasanya
3. Saat ingin memasukan Spoiler ubah menu penulisan dari Compose ke menu HTML
4. Copy pastekan code di bawah
5. Setelah itu rubah kembali menu penulisan dari HTML ke menu Compose dan lanjutkan membuat postingan

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="SHOW" style="margin: 0px; padding: 5px; width:
100%; font-size: 11px; background:#424242
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLllZI8DE4vuJ0dLDGOyVKboiyjPhu-Wizs5Ea93g9V4m0i2v1u7NABXOm8x3faJ-YrpH_koIzkUk7DdtjMEBRkHSih9KIrgWOFe9MlGo-6hCFoDOfb5tYiVC7S2LTk_ERFll3nlul7e4/s1600/spoilerwblog.jpg); color:#ffffcc; border:1px dashes
yellow;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display
!= &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display =
&#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Spoiler&#39;; } else {
this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;;
this.innerText = &#39;&#39;; this.value = &#39;Spoiler&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border:
2px dashes white; color:Bisque;background-color:NONE; text-align: justify; padding:10px; ">
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial;
-moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background:
#fffffff url(#) no-repeat scroll 0 0 ; border: 1px solid rgb(204, 204, 204); height: 250px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

LETAKAN HTML COUNTENT ATAU NON TEXT HTML DI SINI UNTUK BERADA DALAM SPOILER

</div>
</div></div></div></div></div>

Yang ILifestyle cetak tebal biru itu bisa teman teman rubah loh
untuk "SHOW" bisa di ganti kata kata apa saja yang teman teman suka
untuk Url atau http:// juga bisa teman teman rubah dengan gambar teman teman sendiri


SELESAI

[ [Berita Terkait] ]

Katalog : All About Psoriasis dan Peduli Psoriasis, Manfaat, Kisah Kisah nyata, Unik, Sexual Healt, Kecantikan, Style dan Gaya Hidup, Just Info

Share on Google Plus

About tukang cendol

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.