Terus Terang dalam memposting di blog kadang bingung, tema apa yang cocok buat pembaca di blog ya..... kadang ideNYA sudah ada tapi waktu buat ke warnetnya yang susah, maklum terdesak kabutuhan xixixixixi :-D .nah dalam kesempatan ini Admin memohon kepada sekalian pembaca setia untuk memaklumi jika satu, dua kali mengunjungi blog ini postingan masih itu, itu saaaja... hehe...., akan tetapi Admin senantiasa berusaha walaupun tidak tiap hari memposting paling tidak satu minggu sekali lah ada postingan baru, jadi sobat sekalian tidak bosan untuk mengunjungi blog yang sederhana ini. Yah walaupun blog ini awal dibuatnya buat HIBURAN.hehehe... tapi ga apalah sekedar berbagi ilmu makanya di selipkan TIPS & TRICKnya walaupun Cuma alakadarnya.
Okey kita mulai ke tujuan postingan kali ini yaitu Cara Membuat Lembar Buka Tutup di Blog judul ini sederhanakan kalo judul aslin dari asal blognya adalah "Cara Membuat Tombol Spoiler Buka/Tutup Pada Blog" akan tetapi saya sederhanakan biar beda juga agar lebih di pahami oleh semua kalangan, hehehe...
Cara Membuat Lembar Buka Tutup di Blog ini gunanya adalah untuk menyembunyikan postingan berupa gambar, tulisan dan sebagainya sesuai kebutuhan contohya seperti di bawah ini :
" title="
Gimana sobat anda tertarik membuatnya di blog.....??! Lanjut......
jika berminat silahkan disimak caranya sebagaimana biasanya sebagai berikut:
Sebelum melangkah ke pemasangan gadget ini silahkan sobat Copy dulu scriptnya di bawah ini di Notepad atau Word
<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
TULISAN atau GAMBAR SAHABAT DISINI
</div></div></div>
|
1. Login dulu ke akun Blogger sobat (jangan blog orang lain loya.... :D)
2. Buatlah sebuah Artikel atau Widget
3. Copy kode yang sudah sahabat Simpan di Notepad tadi dan setelah itu pastekan kedalam postingan atau widget.
4. Ganti tulisan Buka sesuai dengan keingin sahabat, dan width: 100px merupakan ukuran lebar Tombol Buka Tutup.
5. Silahkan sobat ganti tulisan GANTI DENGAN TULISAN atau GAMBAR SAHABAT DISINI dengan apa saja yang ingin sobat masukan kedalam widget Buka Tutup tersebut.
6. Simpan atau pratinjau
7. Selesai dan nikmati hasilnya.
