KUBANGKONDANG: Cara Membuat Show-Hidden Box di Widget Blogspot

Cara Membuat Show-Hidden Box di Widget Blogspot

F.Firmansyah

<script type='text/javascript'>
  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;">');
  </script>
  <center>
  <div style="background:#b3c8ce

url(http://1.bp.blogspot.com/_2ye1u3ms7LI/S8mUZgw3IgI

/AAAAAAAAADk/OjYzr5AlHFI/s320/

Untitled-55-copy.gif)

left top repeat-x;width:260px;padding:2px 0;">
  <p style="background:#98d6e5 url

(http://i964.photobucket.com/albums/ae124/gubhugreyot

/background/bgBlueFadeV71H1.gif)

left top repeat-x;

font-size:14px;font-weight:bold;color:#012750;

font-family:Tahoma;padding:4px;border:1px solid #333;margin:5px;">

Judul/Nama Widget<br />
  <img src="http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10

/template-GR/Show-HideH115V34.jpg"

width="112" height="28" style="margin:2px auto;" /></p>
  <script type='text/javascript'>
  document.write('<div id="' + rnd + '" style="display:none;padding:8px;

background:#e1eaf1;margin:0 5px 8px;">');
  </script>

Letakkan widget yang akan di sembunyikan di sini!

<script type='text/javascript'>
  document.write('<\/div>');
  </script>
  </div>
  </center>

Langkah

1. Silahkan Copy Kode diatas

2. Login ke Blogger Anda
3. Setelah masuk di halaman Dasboard, arahkan ke Design/Rancangan.
4. Kemudian: KLIK Add Gadget/Tambah Gadget
5. Pilih HTML/Javascript.
6. Pastekan seluruh Javascript yang di copy tadi kedalamnya
7. KLIK SAVE/Simpan, kemudian lihat hasilnya dengan membuka blog.

Posted in