Membuat Widget Buka Tutup

02.00 ---
Membuat Widget Buka Tutup - Hmm, udah lama saya tidak update Tutorial. Kali ini saya akan menerengkan script yang ada di blog ini saya. Anda dapat menyembunyikan widget Anda agar kliatan lebih simple. Karena Google sangat suka dengan blog yang simple :D


Langkah - langkahnya :

1. Login Blogger.com
2. Masuk ke Design ~> Edit HTML
3. Expand Template Widget
4. Cari Widget yang yang ingin di sembunyikan. Contohnya widget Info Blog pada blog saya. Kodenya seperti di bawah ini.

<b:widget id='HTML2' locked='false' title='Info Blog' 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>

5. Ganti kode yang berwarna merah dengan kode berikut.

<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>

6. Letakan kode berikut di bawah kode <b:include name='quickedit'/>

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

7. Simpan :D

0 komentar:

Posting Komentar