Cara Membuat Spoiner keren di Blog Valid HTML5

Screenshot :

Saat Tertutup

Saat Terbuka

Langkah Penerapannya :

• Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

.BD_spoler{ background:#09f; border: 2px solid rgb(9, 149, 223); border-radius: 3px 3px 3px 3px; box-shadow: 2px 4px 4px rgb(113, 112, 112); color:#59E817; cursor:pointer; font-family:verdana; font-weight:700; padding:20px; text-shadow:1px 1px 0 rgba(0,0,0,.4); text-transform:uppercase; width:100%; background-color: #800000; border-color: #FF0000; } .BD_spoler:hover,.BD_spoler:focus{ background-color: #C11B17; color: #52F3FF; border-color: #FF0000; }

Selanjutnya copy kode di bawah ini dan letakan di postingan (HTML)

<br /> <div> <div style="margin: 2px; text-align: center;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;"> </span></i><input class="BD_spoler" 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 CODE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'CODE CSS'; }" style="font-size: large; margin: 0px; padding: 0px; text-align: center; width: 320px;" type="button" value="JUDUL" /> </div> <div class="alt2" style="background-color: #151B54; border: 1px inset; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 4px;"> <div style="display: none;"> <div align="left"> GANTIKAN TULISAN INI DENGAN TEXT </div> </div> </div> </div> </div> </div> <br /></div>

Selesai

Share

Like

G+

Tweet

Tweet

Ditulis Oleh : Unknown ~ Czikart Software

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Spoiner keren di Blog Valid HTML5, Silahkan download software, games, Antivirus ataupun tutorial sepuasnya secara gratis di czikart software dan tetap kunjungi czikart software. Dan bagi yang ingin Copy Paste, Silahkan sertakan link sumbernya karena kami tidak bertanggung jawab jika blog/web anda dihapus oleh google kareana tidak menyertakan link sumbernya sesuai aturan dari google, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan komentar.

:: Terima Kasih ! ::

Artikel Terkait Menarik Lainnya :

Posted in: Tutorial Blog