Cara,Trik,dan Lirik Lagu
Cara dan Tips Tutorial Blogger

Cara Membuat Menu Dropdown di Blog

Tuesday, May 14, 2013 By Arif Rizki 4 Comments
   Assallamualalikum wr wb siang semua hari ini saya akan membuat sebuah artikel yaitu Cara Membuat Menu Dropdown di Blog buat kalian yang mau membuat atau memasang menu dropdown di blog ikuti cara di bawah ini.
  menu dropdown biasanya berbentuk menu yang kalau di sentuh pakai kursor dia akan mengeluarkan sub menu  ke bawah seperti yang terpasang pada blog saya ini dan hari ini saya mau ngasih tau pada kalian semua bagai mana cara membuatnya,ya gakusah basabasi lagi langsung kitaliat cekidoooot,,,.

  1. seperti biasa masuk ke dasboard blog mu dulu
  2. lalu pilih menu tata letak
  3. pilih tambah gedget
  4. lalu pilih HTML dan Java Script
  5. copy kode berikut dan paste kan di kolom HTML dan JavaScript <div style='clear:both;'/>

    <div class='span-24'>
    <div class='menu-secondary-container'>

    <ul class='menus menu-secondary'>

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

    <li><a href='#'>Business</a>
    <ul class='children'>
    <li><a href='
    #'>Internet</a></li>
    <li><a href='
    #'>Market</a></li>
    <li><a href='
    #'>Stock</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></li>
    </ul>
    </li>

    <li><a href='
    #'>Parent Category</a>
    <ul class='children'>
    <li><a href='
    #'>Child Category 1</a></li>
    <li><a href='
    #'>Child Category 2</a></li>
    <li><a href='
    #'>Child Category 3</a></li>
    <li><a href='
    #'>Child Category 4</a></li>
    </ul>
    </li>

    <li><a href='
    #'>Featured</a></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>
           
    </ul>
    </div>
    </div>

    ket: orange ganti dengan url label kalian
           hijau ganti gengan nama menu kalian
  6. setelah selesai klik tombol simpan.
kode ini bisa kalian modifikasi sendiri dengan menambahkan kode ini 

     <ul class='children'>
     <li><a href='
url menu'>nama menu</a></li>
     </ul>
     </li>dibawah

    <li><a href='url menu'>nama menu</a>
sehingga menjadi seperti ini
     <li><a href='url menu'>nama menu</a>
     <ul class='children'>
     <li><a href='
url menu'>nama menu</a></li>
     </ul>
     </li>
   Ya sekian postingan hari ini semoga postingan ini bermanfaat dan berguna buat sobat semua (amin),dan buat anda yang mau bertanya sesuatu bisa tanyakan di kotak komentar.
  Terimakasih telah berkunjung kalau ada kata yang salah mohon di maklumi karna saya hanya manusia biasa hehehe.
Cara dan Tips
Share:

Arif Rizki
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Related Articles


4 comments:

  1. terjemahanAugust 1, 2013 at 12:06 AM

    Wow...bisa buat blog saya ne Bos, tapi apa tiddak menggunakan CSS ya...?

    ReplyDelete
    Replies
    1. UnknownAugust 1, 2013 at 11:50 PM

      maaf sob saya lupa nambahin kalau menu yang ini untuk template devault,,,,
      sekali lagi maaf sob,nanti saya buat yang baru,,,,

      Delete
      Replies
        Reply
    2. Reply
  2. UnknownOctober 11, 2016 at 9:04 PM

    css nya mana

    ReplyDelete
    Replies
      Reply
  3. UnknownOctober 11, 2016 at 9:05 PM

    css nya mana

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )

Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Get this widget

Popular Posts

  • cara-cara belajar beatbox
  • Cara Membuat Kotak Author atau Pesan Admin di Bawah Posting Blog
  • Cara Nembak Cewek
  • Cara Mengganti Template Blog Blogger

Labels

  • Cara dan Tips
  • Kumpulan Efek Blog
  • Lirik Lagu
  • lirik lagu barat
  • Rumus Rubik
  • Tips SEO
  • Tukar Link
  • Tutorial Blogger

Tanggal

LIKE US ON FACEBOOK

Like This Pleace,,!!!!
×

About Me

Unknown
View my complete profile

Tukar Link

Banner tatelu
Created By Ilmu Blog Tukeran Link | Backlink | Link Exchange
  • www.se-cara.blogspot.com New!
  • Riyadi's Blog seputar dunia musik

    TAGS

    • Cara dan Tips
    • Kumpulan Efek Blog
    • Lirik Lagu
    • lirik lagu barat
    • Rumus Rubik
    • Tips SEO
    • Tukar Link
    • Tutorial Blogger

    Join The Team

    + Dapatkan Widget ini

    Get this widget or click here

    Arsip Blog

    • ▼  2013 ( 35 )
      • ►  12/08 - 12/15 ( 1 )
      • ►  08/18 - 08/25 ( 1 )
      • ►  08/11 - 08/18 ( 1 )
      • ►  08/04 - 08/11 ( 1 )
      • ►  07/28 - 08/04 ( 3 )
      • ►  07/21 - 07/28 ( 1 )
      • ►  07/07 - 07/14 ( 2 )
      • ►  06/23 - 06/30 ( 1 )
      • ►  06/09 - 06/16 ( 1 )
      • ►  05/19 - 05/26 ( 3 )
      • ▼  05/12 - 05/19 ( 5 )
        • Lirik Lagu Bondan Kau Puisi
        • Cara Membuat Tulisan Bismillah Di Atas Postingan
        • Cara Membuat Menu Dropdown di Blog
        • Cara Membuat Breadcrumb SEO di Blog
        • Cara Menambah Fungsi Scroll Pada Sidebar/Widget
      • ►  05/05 - 05/12 ( 4 )
      • ►  04/28 - 05/05 ( 2 )
      • ►  04/21 - 04/28 ( 1 )
      • ►  04/14 - 04/21 ( 1 )
      • ►  04/07 - 04/14 ( 2 )
      • ►  03/31 - 04/07 ( 5 )

    Followers

    Blog Info

    free counter
    free counter
    W3 Directory - the World Wide Web Directory Pingates.com Flag Counter ”" Google PageRank Checker Powered by  MyPagerank.Net ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free
    Like This Pleace,,!!!!
    ×
    © 2016 Cara,Trik,dan Lirik Lagu | All rights reserved
    Created By Responsive Blogger Templates | Distributed By Blogger Templates20