tempat belajar blog dan terhubung teman blogger untuk belajar trik blogger, tips edit blog, trik google, SEO dan SERP

Iklan

Blog ini di Sponsori

Rabu, 29 Desember 2010

Cara Membuat Menu Auto Hide ( Spoiler )

Kali ini akan menulis bagaimana membuat menu auto-hide yaitu menu yang bisa dikenal sebagai spoiler berguna untuk menyimpan / menyembunyikan sebuah gadget/widget yang dirasa terlalu menonjol dan menyebabkan blog kita terlalu besar agar blog kita terlihat rapi, jadi nantinya spoiler hanya akan muncul jika di klik oleh mouse dan sembunyi ketika diklik lagi.

Cara untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini :




<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>

Keterangan :
+ Tulisan yang berwarna merah bisa Anda ganti sesuai keinginan.
+ Yang berwarna hijau adalah tempat untuk meletakkan konten / script widget Anda.

4. Klik Simpan dan selesai.

Selamat mencoba dan semoga bermanfaat ...
Comments
0 Comments

Tidak ada komentar:

Posting Komentar

Maaf jika sebagian komen sobat tidak terbalas di karenakan kesibukan admin.

-Berbahasa sopan, no spam dan fokus pada artikel adalah ciri blogger yang baik.
Thanks for visit :

 

SMS Gratis

Tips Hari Ini

jika blog anda sudah hilang tombol Monetize untuk Adsense, langkah mudahnya adalah dengan menulis http://www.blogger.com/adsense-overview.g?blogID=IDBLOG-ANDA di Address bar browser lalu tekan enter

memasukan iklan teks dalam postingan cukup dengan mengetikan kode <div id="adsleft" style="width:100px;height:100px">Isi Iklan</div>

untuk membuat optimasi SEO pada URL tambahkan ID seperti id="ycusoy+admin.belajar.blogspot.com" dan TITLE seperti title="Judul Posting"

untuk membuat optimasi SEO pada Gambar tambahkan ALT seperti alt="JUDUL POSTING"

Sepatah Kata:

mencoba berbagi berdasar pengalaman pribadi dan referensi internet

INFO LAINNYA

2009 Admin-Belajar Blog. All rights reserved.
Powered by Ycusoy and Blogger.
blogger seo friendly from www.yantocusoy.tk