Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?
Hanya Rp 5.000/bln ( Pasang Iklan Bunner Disini )
  • Akar Pasak Bumi
  • Akar Pasak Bumi

Daftar isi Posting

Cara Buat Menu Drop down dengan CSS

# Metode yang pertama :

langkah #1 :


  1. Login ke blogger dengan ID anda


  2. Setelah berada pada halaman dashboard, klik Layout.


  3. Kemudian klik tab edit HTML.


  4. Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.


  5. Silahkan lihat ke kode template anda, dan temukan kode berikut : ]]></b:skin>


  6. Copy kode di bawah ini, lalu paste di atas kode : ]]></b:skin>


  1. Silahkan lihat ke bagian bawah lagi, lalu temukan kode seperti ini :


  2. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
    </b:section>


  3. Ubahlah kode yang saya cetak hijau, sehingga kodenya menjadi seperti ini :


  4. <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
    <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
    </b:section>


  5. Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda selesai di simpan.



langkah #2

  1. Klik pada tab elemen Halaman yang berada di bagian atas. Perhatikan gambar berikut :



  2. page element


  3. Klik pada Tambahkan sebuah Elemen halaman yang berada di atas elemen header. Perhatikan gambar berikut ini:



  4. add a page element


  5. setelah window pop up muncul, klik tombol Tambahkan ke blog untuk HTML/JavaScript.:


  6. Copy kemudian paste kode di bawah ini pada elemen yang muncul tadi :



  1. Klik tombol Simpan Template


  2. Selesai. Silahkan lihat hasilnya.


Catatan : untuk beberapa template, cara ini tidak menghasilkan tampilan yang bagus, maka anda bisa mencoba cara berikut.



Metode kedua

Karena desain dari template sangat berbeda antara satu dengan yang lainnya, maka saya hanya mengambil contoh untuk template minima saja (template asli blogger) sebagai gambaran saja. langkahnya adalah sebagai berikut :


  1. Login ke blogger dengan ID anda


  2. setelah berada di halaman dashbord , klik Layout.


  3. Kemudian klik tabedit HTML.


  4. Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.


  5. Silahkan anda beri tanda tik/cek pada kotak kecil di samping tulisan Expand Templates Widget. Tunggu beberapa saat.






  6. Lihat ke kode template anda dan temukan kode berikut : ]]></b:skin>


  7. Copy kode di bawah ini, lalu paste di atas kode: ]]></b:skin>



lihat ke bagian bawah dan temukan kode ini:

<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>


Delete / hapus kode di atas lalu ganti dengan kode di bawah ini :

 



  1. Klik tombol Simpan Perubahan


  2. Selesai. Silahkan lihat hasilnya.


Langkah-langkah di atas hanyalah untuk template minima , jadi untuk template anda terkadang kode nya sama dan banyak juga yang berbeda, silahkan di pelajari saja.

Sedikit tambahan :

Pada kode menu drop down yang saya berikan, ada kode seperti ini :


<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>


Perhatikan pada kode <dt> dan <dd>
Kode yang di awali dengan <dt>, adalah judul pada menu utama (tulisan yang muncul di muka).
Kode yang di awali dengan <dd>, adalah judul untuk sub menu (tulisan pada drop menu).

Anda harus mengganti link yang ada dengan link milik anda sendiri, sebagai contoh :
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page"> zero dollars</a></dd>
ganti menjadi :
<dd><a href="http://template-unik.blogspot.com/2007/11/unique-template-r-21.html" title="free template R 1.2">UniQue Template R 1.2</a></dd>


Selamat mencoba dan mempelajari, Dikarenakan lagi malas posting,jadi tutorial ini saya copy dari blog Kang Rohman,jika anda masih bingung boleh langsung ke postingan blog tersebut.

1 komentar:

Unknown mengatakan...

grueneyes & Optyx by gruen is a New York-based optical retail store with locations throughout Manhattan and the Hamptons, and also one location in Connecticut. Those of us who live out of State may purchase through oakley scalpel sunglasses the website. Their elite clientelle includes many celebrities including Harrison Ford, John Travolta, Eric Clapton, Diana Ross, Dennis Hopper, David Bowie, Paul McCartney, Janet Jackson, Kate Moss, Elle Macpherson, Tom Cruise, Tina Turner, Johnny Depp, Valentino, Madonna, Tom Hanks, Naomi Campbell, Billy Joel, oakley flak jacket Mia Farrow, Lauren Hutton, Lauren Bacall, Carlos Santana, Steven Spielberg, Sting, Cher, Isabella Rosselini, Robin Williams, Dustin Hoffman, Regis Philbin, Alec Baldwin, and Elton John.
Leading the way when it comes to tech advances in performance eyewear, apparel and wearable pieces of technology, sunglass hut Oakley has been on the cutting edge since 1975.So as we are just about to enter 2015, it's the perfect time to look back and appreciate, and that is what we can do with OAKLEY, the new coffee table book that celebrates the 40th warby parker anniversary of Oakley's design and innovation.The 220 page coffee table book is published by Assouline, a global luxury publisher that knows what an important brand Oakley really is.OAKLEY showcases everything Oakley, from the garage of founder, Jim Jannard, to the team behind one of Oakley Active Sunglass the top sports tech brands in the world.Hard-bound and housed in a black rubber slipcase with the metal ellipse Oakley logo, readers will appreciate 200 awe inspiring images that honor Oakley.
Every athlete has varying personal preferences in their performance eyewear. For example, both oakley gascan sunglasses Shaun White and Gretchen Bleiler wear the A Frame goggle. Oakley worked with each of the athletes to come up with the perfect combination of performance and style. White's goggles feature funky stripes as well as anti-fog and impact resistant lenses. Bleiler's goggles are oakley jackets more feminine with purple designs on a white background and a pink lens. While a pink lens might seem silly for a professional athlete, the tint actually enhances depth perception and increases visual acuity in a wide variety of conditions. Which means she can oakley jawbone sunglasses see subtle shadows and dips in the snow better, plus the glare of the sunlight reflecting off the whiteness doesn't blind her.Other goggles and glasses you'll see on athletes in Vancouver are Splice goggles, the shield-style Radar sunglasses, Flak Jacket sunglasses and the women's cheap oakley goggles Enduring sunglasses.
Sunglasses and their accessories can be a great holiday gift for the hard-to-please or for the person who has everything. Gift certificates to any of these stores are available in any denomination for purchase.

:f :D :x B-) b-( :@ x( :? ;;)
:-B :| :)) :(( =(( :s :-j :-p

Posting Komentar

Kami mohon bantuannya, agar anda memberikan komentar, komentar yang baik dan membangun, mencerminkan kepribadian diri.