Kamis, 06 Oktober 2011

Cara Mudah Membuat Sploiler Pada Blog

Sudah lama saya tidak membagikan tips dan trik mengenai blog, pada kesempatan kali ini saya akan kembali membagikan suatu tips yang mungkin sudah banyak teman-teman blogger lainnya postingkan pada blog mereka. Namun tidak ada salahnya saya kembali membagikan tips ini, barangkali masih ada sahabat blogger yang membutuhkan. 

Oke, tips kali ini adalah bagaimana Cara Membuat Sploiler Pada Blog, sebelumnya kita harus tahu apa itu sploiler ?? Sploiler adalah suatu fasilitas yang dapat digunakan pada blog untuk menghemat ruang atau space pada blog, lalu bagaimana bisa ?? Sploiler ini akan menyembunyikan isi dari sploiler, apakah itu photo, tulisan, dan lainnya, dan kita dapat melihatnya hanya dengan meng klik tombol show sploiler tersebut, mudah bukan. Selain berfungsi untuk menghemat space blog, sploiler juga dapat berfungsi mempercepat loading page suatu blog. Di bawah ini adalah cara bagaimana membuat Sploiler pada Blog.


<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Sploiler</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

  Isi dari Sploiler

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

Cara penggunaan: Copy kode sploiler di atas dan anda bisa meletakkan sploiler pada widget atau pada postingan blog, bahkan juga bisa di forum-forum. Tuliskan judul dan isi dari sploiler sesuai dengan keinginan anda.

Dan ini hasilnya :
Motor Keren




di

20 komentar:

  1. Sinto6 Oktober 2011 pukul 13.31

    tau Aja Gan kalo Koneksi Lambat hehehehehe

    BalasHapus
  2. ADMIN BB6 Oktober 2011 pukul 13.38

    @Zh!nTho:Hehehe,.. Pengalaman Sob :)

    BalasHapus
  3. Rama886 Oktober 2011 pukul 19.52

    boleh juga tuh dicoba,, :)) thx udah berbagi sob,, :D.. sekalian ane kiss iklannya deh,, kiss balik ya sob jika berkenan,, :D

    BalasHapus
  4. Rama886 Oktober 2011 pukul 21.50

    belom masuk juga gan,, hikshiks,, kyknya gak valid ya,, =)) =)).. btw iklan Si**i nya gak muncul di gw gan,, :)) :)) mungkin error kali ya,,

    BalasHapus
  5. ADMIN BB6 Oktober 2011 pukul 22.02

    @Rama88:Hehehe,. emang gak bisa mngkin gan, ya sudah biarkan saja dia valid tersendiri, :D . Trims uda datang berkunjung :)

    BalasHapus
  6. Bangjal Dua Tiga6 Oktober 2011 pukul 23.36

    gan kayaknya lebih bagus kek spoiler ane gan..hehe

    PISSSS


    oiya saya dah like fan pages facebook ente gan,, like back ya

    BalasHapus
  7. ADMIN BB6 Oktober 2011 pukul 23.42

    @Bangjal Dua Tiga:Hehehe,. ia bgjal kelihatan lebih rapi, ntar kalo ada waktu di posting ya bg cara mbuatnya,. biar bisa bljar :)

    BalasHapus
  8. cardiacku7 Oktober 2011 pukul 22.56

    Makasih tipsnya belum peernah mencoba...perlu untuk dicoba nih

    BalasHapus
  9. ADMIN BB7 Oktober 2011 pukul 23.08

    @cardiacku: Sama-sama, dan silahkan dicoba supaya tahu gmna hasilnya :)

    BalasHapus
  10. webmdmk7 Oktober 2011 pukul 23.47

    Kunjungan silaturahmi malam sahabat di Remix-7...
    Terima kasih atas berbagi tutorialnya sahabat

    BalasHapus
  11. ADMIN BB7 Oktober 2011 pukul 23.57

    @webmdmk: Sama-sama,.. Terimakasih juga telah mau berkunjung ksini :)

    BalasHapus
  12. apakah ini itu9 Oktober 2011 pukul 17.24

    manstab gan.. kayak di kaskus ya...

    btw bikin berat gak tuh? soalnya blog saya kayaknya udah berat kebanyakan javascript ni..:(

    BalasHapus
  13. ADMIN BB9 Oktober 2011 pukul 17.41

    Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  14. ADMIN BB9 Oktober 2011 pukul 17.42

    @apakah ini itu: Gag gan, ini malah memperingan blog gan, misalnya agan menyimpan tentang info statistik blog agan dalam sploiler ini, mka otomatis loading blog akan akan lebih ringan lagi

    BalasHapus
  15. Anonim9 Oktober 2011 pukul 22.21

    buat di blog WP ada ga oom ?
    kalo ada saya pengen..
    soalnya saya ngga pake blogger. -__-

    BalasHapus
  16. ADMIN BB10 Oktober 2011 pukul 06.25

    @Fenomena: Kalau di WP kurang tau apakah cara ini bisa SOb, soalnya belum pernah nyoba,. Untuk saat ini belum ada, Dilain kesempatan akan saya share.

    BalasHapus
  17. Iaryylr11 Oktober 2011 pukul 22.24

    Terima kasih atas tunjuk ajar, sudah cuba, berkesan! :-)

    BalasHapus
  18. ADMIN BB11 Oktober 2011 pukul 23.20

    @iaryylr:Hehe,. Sama-sama, semoga bermanfaat :)

    BalasHapus
  19. Tophan31 Oktober 2011 pukul 07.05

    Hehe , keduluan ya ane gan .. :p
    keep posting sob , hehe
    kunjungan di pagi hari :D

    BalasHapus
  20. ADMIN BB31 Oktober 2011 pukul 07.28

    @Tophan: Bagus tu gan, kalo di share lagi di tempat agan, jadi banyak yang tau cara membuatnya :). Salam :D

    BalasHapus

Tinggalkan Jejak, Meriahkan Berkomentar secara sopan :-)
Memasukkan link ke dalam komentar adalah SPAM, maka akan dihapus