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>
<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
Cara Mudah Membuat Sploiler Pada Blog
4/
5
Oleh
ADMIN BB
20 komentar
tau Aja Gan kalo Koneksi Lambat hehehehehe
Reply@Zh!nTho:Hehehe,.. Pengalaman Sob :)
Replyboleh juga tuh dicoba,, :)) thx udah berbagi sob,, :D.. sekalian ane kiss iklannya deh,, kiss balik ya sob jika berkenan,, :D
Replybelom masuk juga gan,, hikshiks,, kyknya gak valid ya,, =)) =)).. btw iklan Si**i nya gak muncul di gw gan,, :)) :)) mungkin error kali ya,,
Reply@Rama88:Hehehe,. emang gak bisa mngkin gan, ya sudah biarkan saja dia valid tersendiri, :D . Trims uda datang berkunjung :)
Replygan kayaknya lebih bagus kek spoiler ane gan..hehe
ReplyPISSSS
oiya saya dah like fan pages facebook ente gan,, like back ya
@Bangjal Dua Tiga:Hehehe,. ia bgjal kelihatan lebih rapi, ntar kalo ada waktu di posting ya bg cara mbuatnya,. biar bisa bljar :)
ReplyMakasih tipsnya belum peernah mencoba...perlu untuk dicoba nih
Reply@cardiacku: Sama-sama, dan silahkan dicoba supaya tahu gmna hasilnya :)
ReplyKunjungan silaturahmi malam sahabat di Remix-7...
ReplyTerima kasih atas berbagi tutorialnya sahabat
@webmdmk: Sama-sama,.. Terimakasih juga telah mau berkunjung ksini :)
Replymanstab gan.. kayak di kaskus ya...
Replybtw bikin berat gak tuh? soalnya blog saya kayaknya udah berat kebanyakan javascript ni..:(
@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
Replybuat di blog WP ada ga oom ?
Replykalo ada saya pengen..
soalnya saya ngga pake blogger. -__-
@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.
ReplyTerima kasih atas tunjuk ajar, sudah cuba, berkesan! :-)
Reply@iaryylr:Hehe,. Sama-sama, semoga bermanfaat :)
ReplyHehe , keduluan ya ane gan .. :p
Replykeep posting sob , hehe
kunjungan di pagi hari :D
@Tophan: Bagus tu gan, kalo di share lagi di tempat agan, jadi banyak yang tau cara membuatnya :). Salam :D
ReplyTinggalkan Jejak, Meriahkan Berkomentar secara sopan :-)
Memasukkan link ke dalam komentar adalah SPAM, maka akan dihapus