tutorial: show/hide button for content

السلام عليكم

credit to sumber

Alhamdulilah ayie masih lagi boleh menaip entry and singgah blog kroang tak berapa sempat lagi disebabkan kerja-kerja di rumah plus ad sedikit kerja-kerja dikedai yang mesti diuruskan. incya-Allah lepas terawih nanti ayie singgah blog korang semua. mintak maaf yer. incya-Allah ayie akan terjah one by one.

entry kali ini cuma mahu tunjukkan satu tutorial berkitan dengan show/hide button for content macam dekat blog ayie itu. apa korang tidak perasan. mai sat tengok dekat bawah ini and korang tengok dekat mana ad button itu area blog ayie ini. hehe tutorial ini telah di request oleh kak diana.

sudah lihat. jom maisat ayie ajar macam mana mahu buat button tersebut supaya blog kroang semua nampak lebih kemas dan menarik gitu. 

• logn in blogger ---> dashboard ---> design ---> page element

• and then cari html/javascript.

• kalau sudah jumpa korang masukkan code dekat bawah ini ke dalam html/javascrit tersebut.

<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 120px; " value="TEKAN SINI" 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;Tutup&#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;TEKAN SINI&#39;; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

• (korang nampakkan perkataan yang ayie boldkan warna MERAH itu, korang boleh tukar ayat tersebut ikut suka korang).

• masukkan code yang korang na letak seperti shoutbox, ping blog @ backlinks.

• lepas masukkan code yang korang mahu letakkan tadi. korang masukkan code dibawah ini pula sebgai penutup.

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

lepas sudah siap korang bolehlah save and then lihat hasilnya. jika ada pertayaan sila tanya kepada ayie di kotak komen ini yae. incya-Allah ini sahaja yang ayie dapat bantu. selamat mencuba.

credit to sumber

selamat berbuka + menunaikan ibadah puasa.