Cara membuat widget buka tutup

Posted by : Unknown April 26, 2013
Tag :

Kembali update setelah lama ngutak-ngatik template -_-
kali ini tentang widget buka tutup atau kaya spoiler gitu..

nih screen shoot nya..


Cara pemakaian :
1. login blogger
2. buat gadget baru. (yang belum tau bisa baca di sini)
3. copas kode di bawah ini

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">


GANTI DENGAN SCRIPT/TULISAN KAMU


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



4. ganti teks berwarna biru dengan script widget/teks kalian
5. klik simpan. selesai..

Baca juga yang ini yah.. close button minimize button maximize button

{ 15 komentar... read them below or Comment }

  1. UnknownApril 27, 2013 3:20 PM

    keren sob...
    tapi klo dalam postingan bisa gaak???

    komeng bak http://muamar-kurosaki.blogspot.com/

    BalasHapus
  2. Muhammad SyaifullahApril 27, 2013 10:39 PM

    nah ini keren kapan kapan dicoba dah

    http://galpock.blogspot.com/

    BalasHapus
  3. UnknownMei 25, 2013 8:10 PM

    Ada event baru nih gan , cek http://infoterupdatedanterbaru.blogspot.com/2013/05/event-best-design-template.html

    BalasHapus
  4. junnotJuli 19, 2013 7:57 AM

    Tanks totorial nya om dah di praktekin langsung jadi
    btw ane udah follow blog agan di tunggu follback nya di nothmarhiel.blogspot.com

    BalasHapus
  5. UnknownJuli 19, 2013 11:38 AM

    @junnot marley : follback sukses

    BalasHapus
  6. UnknownOktober 02, 2013 2:37 PM

    Masasih Kann atas info ny Nih Blog aq maklum Baru NH (newbie Hacker)
    tapi belum Mulai XD
    http://craft-community.blogspot.com/

    BalasHapus
  7. ibbenk21Desember 19, 2013 9:27 AM

    artikelnya sangat bagus dan sangat bermanfaat, makasih
    semoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21

    BalasHapus
  8. azamiApril 27, 2014 8:07 PM

    Keren sob, oh ya jangan lupa kunjung balik sob : azami-rahman.blogspot.com
    salam kenal :)

    BalasHapus
  9. Reza Syahputra RizalOktober 11, 2015 10:33 AM

    Makasih gan Sudah berbagi :D
    http://semuaniche.blogspot.com/

    BalasHapus
  10. Reza Syahputra RizalOktober 11, 2015 10:34 AM

    Makasih gan Sudah berbagi :D
    http://semuaniche.blogspot.com/

    BalasHapus
  11. Daffa007Februari 22, 2016 1:35 AM

    sebelumnya saya ucapkan terima kasih gan..
    tapi yang saya cari adalah widget sticky yang apabila diklik akan hilang.. bisa dibuatkan?
    sekian

    BalasHapus
  12. Pangeran SamuderaJanuari 06, 2020 5:27 AM

    BLOG Baru : tuwastinta.my.id
    Mengucapkan, terimakasih... Mohon wejangannya untuk blog saya.

    BalasHapus

Tinggalkan jejak bro ! :)

TOP 3

- Copyright © 2013 Modus Crew- Designed by LutfiModusCrew - Original by Johanes Djogan -