Button buka & tutup part 3#

Assalamualaikum!~

Seperti yang korang sendiri lihat di atas, ini adalah tutorial button buka & tutup part 3# kerna sebelum ikaa ada berikan tutor button show & hide part 1# dan part 2#. Tutorial ini datangnya dari blogger blog "what i want to share" yang bertuan tanahkan Azmi. Maaf sebab dalam blog ikaa xde wat button nie sbb ikaa punya sidebar ada border title sidebar, so kalau buat mesti la xlawa kan. Masih belum nampak tutorial yg ikaa maksudkan ini? cuba scroll pic di bwah ini.

 

kepada

Faham kan? jum buat letak tutor ini dalam blog anda.


1. Dashboard > Design > Edit html > Tick widget expand

2. Search widget yg korang nk letak button buka & tutup ini cth " pelawat "

3. Kemudian korang akan jumpa code spt di bwh ini.

<b:widget id='HTML12' locked='false' title='Pelawat' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4. Hijau widget yg korang search tadi, Gantikan code merah dengan code bwh ini.

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;font-weight:bold;color:#FFFFFF;">[Open -+]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

5. Gantikan hijau & merah mengikut kesesuaian anda.

6. Kemudian copy code bwh ini.

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>

7. Pastekan sebelum code ini spt dlm paparan no 3

  </b:includable>

8. Preview, tiada sebarang error baru save.