Cara Membuat Open and Close Tab pada Postingan Blog

Ini mungkin salah satu tutorial yang paling ditunggu-tunggu teman-teman blogger, kebetulan saya browsing dengan keyword asal-asalan saja tapi kemudian alhamdulillah ketemu juga nih scriptnya.
Namanya yaitu Open and close tab. Saya kira dan mungkin memang benar bahwa jenis widget ini adalah salah satu cara terbaik dan terjenius bagi para professional penulis tutorial blog untuk menampilkan script dengan gaya yang canggih dan sekaligus mengemasnya ke dalam widget yang menarik.

Nah berikut langkah-langkahnya untuk memasukkan kode script atau tulisan atau gambar dan lain sebagainya ke dalam widget open and close tab:

1. buat entri baru
2. kemudian pada isi postingan ganti mode dari "compose" ke "HTML"
3. nah kemudian masukkan script berikut:

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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;CLOSE&#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;OPEN&#39;; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<!---Insert A Widget Here--->
MASUKKAN TEKS ATAU SCRIPT DISINI<!---Insert A Widget Here--->
 </div></div></div>

selamat mencoba

Share this post