2 Langkah Mudah Cara Membuat Menu Buka Tutup Pada Blog

Alhamdulillah pada malam hari ini akhirnya Blog hayardin bisa posting lagi mengenai Tutorial Blog.

Pada postingan yang lalu Blog Hayardin telah berbagai mengenai Cara membuat Buku Tamu pada Blog. Jika sobat belum sempat membacanya, sobat bisa membacanya lagi Cara Membuat Buku Tamu pada Blog.

Pada Postingan kali ini, saya akan berbagi dengan sahabat Blogger mengenai Cara Membuat Menu Buka Tutup pada Blog

Bagi Sahabat Blogger yang sudah lama dalam dunia Blog pasti sudah tidak asing dan sudah lama tahu, jadi tutorial ini saya peruntukkan bagi sahabat blogger yang masih belum tahu, jadi ikuti  ikuti terus tutorial blog ini sampai akhir.Cara membuat Menu Buka tutup ( spoiler ) ini juga saya dapatkan dari blogwalking, tapi saya lupa namanya karena FD saya ilang dan file beserta sumbernya ada didalam situ...nantilah kalau Flashdisk saya dah ketemu baru saya cantumkan sumbernya.

Banyak cara yang bisa dilakukan untuk mempercantik tampilan Blog, salah satunya dengan cara membuat Menu Buka tutup.Jika sobat tertarik untuk membuat Menu Buka Tutup, langsung saja kita ke TKP

Cara Membuat Menu Buka Tutup Pada Blog

Untuk Membuat Menu Buka Tutup, sobat tinggal Copy dan  paste Script dibawah ini kedalam gadget HTML sobat

<div><input style="font-family:Trebuchet MS; width:200px; border: 4px solid #FFFFFF;-moz-border-radius:20px; -webkit-border-radius:20px; margin:5px 0px 0px 0px; padding:5px; background:#000000; color:#00FF00;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value ='Mau Lihat Lagi?'; }" name="button" type="button" value="Buka Saja Sob!!" /></div><div id="show" style="display: none; margin:10px; padding: 5px; width: 100%;">MASUKKAN LINK/SCRIPT/GAMBAR SOBAT DISINI</div><div id="hide"></div>
Keterangan :
Perhatikan yang saya berikan warna merah pada script diatas. Semua yang berwarna merah diatas bisa sobat ganti sesuai dengan keinginan sobat.
#FFFFFF, :#000000, :#00FF00 = ini adalah kode warna HTML, sobat bisa menggantinya dengan mencari kode warna lain pada mbah google.

Bagaimana, Cukup mudah bukan membuat Menu Buka Tutup Pada Blog ?

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox e-mail anda

Enter your email address:



Delivered by FeedBurner

Silahkan Masukkan Alamat Email Anda dibawah ini Untuk Mendapatkan Artikel Terbaru dari www.hayardin.com di Inbox E-mail Anda :

5 Responses to "2 Langkah Mudah Cara Membuat Menu Buka Tutup Pada Blog"

  1. Tips nya mantap sekali sobat :-)

    thanks ya

    BalasHapus
    Balasan
    1. makasih sobat fikri...makasih juga dah jadi yang pertama komentar...hehehehe

      Hapus
  2. saya sudah coba gan... caranya sangat mudah juga ya....

    BalasHapus
  3. wah makin bagus aja nih harus dicoba,,, blog terlihat lebih profesional sob,,makasih atas tutorialnya sob...

    BalasHapus
  4. langsung coba gak pake lama,,keren nih,,,

    BalasHapus

Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com

Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd