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....


Ingin Belajar Bisnis Online..... "Disini Tempatnya"
 
Rahasia Master SEO

Artikel Terkait


:))   ;))  ;;)   :D  ;)   :p  :((  :)  :(   :X  =((  :-o  :-/  :-* 
:|  8-}   :)]  ~x(  :-t  b-(  :-L  x(    =))

Share this post :

+ komentar + 8 komentar

21 Februari 2013 15.28

Kayaknya perlu dicoba. Makasih gan... Jangan bosen berkunjung lg.

.. kalo buka tutupnya pake gambar ada gak ya?!? ..

20 Mei 2013 21.46

keren sob infonya .. makasih ya

20 Mei 2013 21.48

makasih banyak gan tutorialnya

17 September 2013 22.11

siip pak boss..
en thank u

26 Oktober 2013 22.47

keren gan.
sudah saya coba berhasil, makasih banyak ilmunya.. ;)
saya minta ijin buat saya copas, v saya cantumkan link sumber...
makasih... ;)

19 Desember 2013 09.26

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

30 Desember 2013 21.22

keren sob

Poskan Komentar

Kalo Postingan ini ada manfa'at atau menghibur
silahkan komentar, dengan syarat tidak SPAM !!. terima kasih....

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!
Product Image


 
Support : PasarOnlineBanyuwangi.com | UndanganQ | Mas Template
Copyright © 2011. GratisFullTain | Download Software & Ebook - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger