26.8.10

Membuat Menu Pull-Down di Sidebar

Cara Membuat Menu Pull-Down di Sidebar Blogger Blogspot dengan menambahkan gadged javascript/HTML
Ikuti cara sederhana sebagai berikut:

A. MENU PULL-DOWN DI BLOGGER BARU (TEMPLATE XML)
1. Login ke blogger.com
2. Klik Tata Letak / Desain => Tambah Gadget => Javascript / HTML => copy/paste kode di bawah ke kotak yang tersedia.


<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option value=0 selected>- Other Blogs -</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger indonesia</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Tutorial</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger SEO</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Template</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Widged</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Tips</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Triks</option>
</select></form>

3. Klik Simpan. Selesai.

B. MENU PULL-DOWN DI BLOGGER LAMA (TEMPLATE CLASSIC)
1. Login ke blogger.com dg ID dan password Anda seperti biasa.
2. Klik judul blog Anda, dan klik TEMPLATE.
3. Di antara BEGIN SIDEBAR dan END SIDEBAR pasang kode berikut (copy dan paste):

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option value=0 selected>- Other Blogs -</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger indonesia</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Tutorial</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger SEO</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Template</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Widged</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Tips</option>
<option value="http://gratistutoriallengkap.blogspot.com/">Blogger Triks</option>
</select></form>

Keterangan :
Kode Warna  Hijau adalah Links yang dituju
Kode Warna Orange menunjukan Judul yang akan tampil

1 comment:

Post a Comment