Senin, 22 Desember 2014

Cara Membuat Lembar Buka Tutup di Blog

Salam Sobat.....

Terus Terang Admin GFT dalam memposting di blog kadang bingung, tema apa yang cocok buat pembaca di blog ya..... kadang ada ide akan tetapi bahan belum ada, kadang pula bahan dan ide sudah siap akan tetapi waktunya untuk memposting yang belum ada, yah jadinya postingan di GFT tidak bisa tiap hari untuk di Update, nah dalam kesempatan ini Admin memohon kepada sekalian pembaca setia untuk memaklumi jika satu, dua kali mengunjungi blog GFT 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. Wah jadi Curhat ini hehehe...

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 :



nah disamping untuk menyembunyikan gambar ataupun tulisan juga gaget ini juga memberikan kesan praktis dalam postingan di blog seperti contoh di atas jika gambar sebesar di atas di posting langsung akan kelihatan mengganggu khan......

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.

Demikian sobat Cara Membuat Lembar Buka Tutup di Blog semoga ada manfaat buat kita semua.
Amin....

hardin m

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 komentar:

Posting Komentar