Kamis, 30 Januari 2014

Menu Dropdown


 Berikut merupakan diskripsi template blog saya yang berisi tentang menu dropdown :




Keterangan :
1.      JUDUL BLOG
Cara membuat :
a.       Harus masuk ke alamat berikut :
b.      saya pilih itu "page 2 nanti hasilnya    seperti ini:
c.       Kemudian mengganti logo teks...dan formatnya.
d.      Kemudian klik "Create Logo"  
e.        Lalu anda klik "Personal Use
f.        Kemudian gambar  di SAVE
·         Klik kanan pada gambar anda
·         Lalu klik "Simpan Gambar dengan nama lain"Atau "SAVE AS IMAGE"
g.      Log in Blogger dulu
h.      Setelah itu klik "TATA LETAK" berada pada kiri bawah nanti hasilnya seperti gini:
i.        Setelah itu klik "EDIT" pada header blog anda.
j.        Kemudian input gambar anda yang disimpan tadi kemudian klik "penempatan" klik "Selain Judul dan Keterangan.
k.      Kemudian Di simpan.

2.      Cara Mengubah Menu drop down dan pengaturan Linknya:
·         Pada Dashboard buka klik template-Edit Template- Cari bagian menu drop-downnya. Ubah nama sesuai keinginan.
·         Atur sub Menunya juga, jika ada Menu Dropdown yang ingin dihapus, tinggal dihapus di scriptnya.
·         Link-kan Menu dengan mengganti tanda # dengan url yang diinginkan, misalkan ingin menambahkan link sesuai dengan label, maka tanda # diganti dengan Label url yang sesuai
3.      Mengubah Gambar background pada judul blog:
·         Pada Menu Edit Html, Cari bagian menu header.
·         Pilih yang format image(.jpg, .png, .jpeg dll)
·         Masukkan url gambar yang kita inginkan ke dalam ‘....’ (pastikan ukuran gambar mendekati ukuran gambar bawaan dari template), astikan juga url gambarnya menggunakan format image.

4.      Mengatur (Link) Icon Facebook, Twitter dll.
·         Temukan bagian icon tersebut pada script html template kita.
·         Masukkan url dari Facebook/Twitter/Google+ kita ke dalam ‘...’ setelah kata href=
·         Setelah Semua script diatur sesuai keinginan, Simpan Template.
·         Lihat perubahan yang terjadi pada Blog Kita.
5.      Cara 5 dan 6 sama :



berikut merupakan scrib code menu drop down :
<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>HEWAN PIARAAN</a>
<ul class='children'>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Kucing'>KUCING</a></li>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Anjing'>ANJING</a></li>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Marmut'>MARMUT</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>FOTO</a>
<ul class='children'>
<li><a href='#'>KUCING</a>
<ul class='children'>
<li><a href='#'>Kucing Anggora</a></li>
<li><a href='#'>Kucing Persia</a></li>
<li><a href='#'>Kucing Jawa 3</a></li>
</ul>
</li>
<li><a href='#'>ANJING</a></li>
<li><a href='#'>MARMUT</a></li>
<li><a href='#'>BURUNG</a></li>
</ul>
</li>

<li><a href='#'>UNIK</a>
<ul class='children'>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Kucing%20unik'>KUCING</a></li>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Anjing%20Unik'>ANJING</a></li>
<li><a href='http://fatkhulelektrik.blogspot.com/search/label/Marmut%20Unik'>MARMUT</a></li>
</ul>
</li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

0 komentar:

Posting Komentar