This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Kamis, 13 Januari 2011

Membuat Tombol Jika Di Klik Muncul Teks/Gambar

Duh bingun juga mau dikasih judul apa. Namanya saja saya tidak tahu, jadi pakai judul ala kadarnya deh. Cara ini bukan seperti pada artikel membuat tombol submit beserta link, namun ada baiknya anda membacanya, sekalian juga membaca artikel cara mengambil image location dengan browser HP dan cara pasang gambar di postingan lewat HP karena akan membantu anda jika anda seorang mobile blogger :D.
Lalu seperti apa tombol yang dimaksud pada judul di atas? Yang pasti dengan tombol ini anda bisa menghemat tempat pada halaman posting.

Daripada ngalor-ngidul nggak jelas, langsung ke cara dan contoh saja.

Gunakan kode ini untuk membuatnya:


<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" 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 = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 1px dotted #006400; text-align: justify;">isi teks atau kode gambar yang disembunyikan dibalik tombol</div></div></div></div></div>

Nah, hasilnya akan menjadi seperti tombol di bawah ini (silahkan di klik)


isi teks atau kode gambar yang disembunyikan dibalik tombol

Perhatikan pada kode yang saya beri warna biru dan kuning, tulisan-tulisan tersebut dapat anda ganti sesuai keinginan.
Dan pada teks yang berwarna hijau, anda isi dengan tulisan atau gambar yang ingin anda sembunyikan dan akan tampil setelah tombol di-klik. O iya, anda juga dapat bereksperimen dengan mengutak-atik tag style-nya.

Maaf, bagi para pengguna ponsel anda bisa baca cara copy-paste artikel blog dengan HP DISINI untuk meng-copy script di atas.

Sekian, moga berguna.

Sumber : http://www.bi2t.com/

Cara Menyimpan Gadget Blog tanpa Nama/Judul

Sebel! Ungkapan yang saya katakan dalam hati ketika tadi saya ingin menambah Gadget baru di halaman blog bi2t.com tanpa nama tapi tidak bisa. Awalnya saya pikir hanya kesalahan saja, karena sebelumnya saya bisa membuat gadget tanpa mengisi judul gadgetnya. Tapi setelah mencoba berulang kali ternyata gagal, akhirnya saya mulai bingung sendiri bagaimana cara menyimpan gadget blogspot tanpa judul. Setelah merenung sejenak, akhirnya saya temukan sedikit trik menyiasati hal ini.

cara menyimpan gadget blog tanpa judul

Kita biasanya membuat gadget tanpa memberi judul adalah untuk menampilkan iklan di blog. Nah, biar kelihatan rapi, biasanya iklan yang ditampilkan tidak mempunyai judul gadget di atasnya, misalnya saat ditempatkan di atas dan di bawah posting, dan juga pada bagian header blog. Oleh karena itu, jika anda ingin membuat atau menyimpan gadget tanpa judul / nama, silakan isi saja judulnya dengan kode <!--judul-->, silakan lihat contoh berikut:

solusi simpan gadget blogspot tanpa judul kosong html/javascript

Kemudian coba simpan gadget anda. Insya Alloh bisa tersimpan dan muncul pada halaman Edit Tata Letak.

simpan gadget blog tanpa mengisi judul

Semoga trik ini bermanfaat.

Sumber :  http://www.bi2t.com/