PartS LED . LCD

cari artikel disini

Sabtu, 10 Maret 2012

Cara Membuat Menu Serta Sub Menu

Sebelum nya saya telah menulis tentang bagai mana cara membuat menu horisontal namun banyak pertanyaan "Bagai mana si cara membuat menu beserta sub menu nya??? begitu" ya saya coba kembali nulis" namun sekarang cara nya bukan seperti yang pertama" namun kita harus jeli dalam mengedit kode HTML
OK! deh tanpa basa bbasi ya kita mulai saja cara nya sebagai berikut: bagi para master dah biasa tapi klo buat aku yang masih newbie hehhe ... lumayan rumit dan hrs jeli"
sebagai berikut:
  • pertama yang pasti kita harus login dulu ke akun blog kita sesujdah login cari rancangan (klik rancangan)
  • lalu klik Klik menu / tulisan Template 
  • lanjutkan dengan Klik menu Edit HTML  
  • Klik tulisan / menu Lanjutkan 
  • Beri centang pada Expand Template Widget 
  • lalu cari kode sebagai berikut:
    • Cari kode :
      <div class='main-outer'> atau
      <div id='main-wrapper'> atau
      <div id='main'>   Cara Mudah + Cepat Mencari Kode Html di Blogger tekan f3 di keybord anda
      Setelah kode tersebut sudah ditemukan silahkan pasang kode berikut di bawah ini tepat di atasnya *( kode dibawah ini sudah di edit oleh kamu)
       
    • <style>
      /* -- Menu Horizontal + Sub Menu-- */
      #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
      #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
      #cat-nav a:hover { color:#fff; }
      #cat-nav li:hover { background:#000; }
      #cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
      #cat-nav .nav-description { display:block; }
      #cat-nav a:hover span { color:#fff; }
      #secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
      #secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
      #secnav li { float:left; width: auto; height:35px;}
      #secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
      #secnav li ul li  { height:30px; border-top:1px solid #fff; }
      #secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
      #secnav li ul ul  { margin: -30px 0 0 180px; }
      #secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
      #secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
      #secnav li:hover,#secnav li.hover  { position:static; }
      #cat-nav #secnav {width:100%;margin:0 auto;}
      </style>
      <div id='cat-nav'>
      <ul class='fl' id='secnav'>
      <li><a href='#'>Home</a></li>
      <li><a href='#'>Menu + Sub Menu</a>
      <ul id='sub-custom-nav'>
      <li><a href='#'>Sub Menu 1</a></li>
      <li><a href='#'>Sub Menu 2</a></li>
      <li><a href='#'>Sub Menu 3</a></li>
      </ul>
      </li>
      <li><a href='#'>Menu + Sub</a>
      <ul id='sub-custom-nav'>
      <li><a href='#'>Sub 1</a></li>
      <li><a href='#'>Sub 2</a></li>
      <li><a href='#'>Sub 3</a></li>
      <li><a href='#'>Sub 4</a></li>
      <li><a href='#'>Sub 5</a></li>
      <li><a href='#'>Sub 6</a></li>
      </ul>
      </li>
      <li><a href='#'>Menu + Sub</a>
      <ul id='sub-custom-nav'>
      <li><a href='#'>Sub 7</a></li>
      <li><a href='#'>Sub 8</a></li>
      <li><a href='#'>Sub 9</a></li>
      <li><a href='#'>Sub d</a></li>
      <li><a href='#'>Sub e</a></li>
      <li><a href='#'>Sub f</a></li>
      </ul>
      </li>
      </ul>
      </div>
    •  
    • Silakan ganti tanda PAGAR (#) dengan link/url yang kamu yang akan di pajang, boleh link posting atau link Label (Kategori)terserah kamu yang suka
      Sub Menu dan Sub adalah sub menu dari menu (Menu + Sub Menu dan Menu + Sub), silakan ganti nama masing-masing menu sesuai judul link yang kamu pasang
    sesudah kode html yg kamu edit lalu kopas ,dan klik simpan tempelat.silahkan lihat hasil nya" MENU SUB BESERTA SUB MENU HORISONTAL YANG KAMU INGIN KAN DAH JADI" Selamat mencoba semoga berhasil"

Tidak ada komentar:

Poskan Komentar

Terima kasih atas komentar anda salam sahabat!!! Rudi thea

Follow by Email

Next

Artikel yang mungkin belum Anda baca

Terbaru

Get this widget here

cartegori

Access 2013 (1) air terjun (2) AIWA AKARI AKIRA (1) alam indonesia (2) alat2 rumahtangga dan listrik (4) aneh tapi langka (1) aneh tapi nyata (3) animasi (4) Antariksa (3) artikel ku (1) artis indonesia (1) bagai mana cara mencari kerusakan tv (41) bagian prosesor luminance (Y) (3) BEBERAPA PERSAMAAN IC VERTIKAL (1) Bencana alam (6) Berita-tekhnologi (36) bertia sukabumi (3) bisnis (2) bisnis online (7) bmkg (1) book speker (1) brisat (2) bunga aneh (3) bus (1) cara buang virus ponsel (1) cara membuat gemuk (1) Cara mengganti nama blog (2) CARA MERAKIT SEMATIK TV (11) cara serpis dvd (18) cara service (12) cara service tv(elektronics) (166) cara servis monitor (10) cara setting lewat menu factory tv (13) CHINA BRAND (1) Crara Service Mode Tv (3) crt (3) CTV Polytron (6) daerah (3) dan fb (1) Dekorasi (enetrtainment) (4) digitec (2) DMX Mixer 192 (1) Dunia (1) dvb (2) DVD programming (14) Excel 2013 (1) facebook internet (15) facebook timeline (1) feedback destroyer (2) gacun (1) garis besar bagian lemari es (1) garis besar mesin tv (7) garits video gratis audio (9) GOLDSTAR HITACHI JVC LG (3) gratis dwnload (2) html (5) IC (1) imelda (1) intel (1) internasional (8) internet mobile (10) inverter (1) jabar (55) jalan raya (1) jejaring sosial (1) kata kata ucapan selamat tidur yang romantis (3) kata mutiara (1) kecelakaan (12) kerusakan haredware komputer (43) kerusakan lcd monitor (3) KERUSAKAN software TV (8) kerusan tv dan penyebab nya (48) kilas berita (147) kode ponsel (1) kode remote. (3) kode servis (4) KODE TV (2) koneksi internet (32) lampu neon (2) LED Par (1) link ku (1) macam macam kerusakan tv (23) manca negara (2) manfaat tumbuhan buat kesehatan (12) MENGENAL MENGUKUR KOMPONEN ELEKTRONIKA DASAR (19) menurut penalaman (2) mesum (2) mic wirles (1) Microsoft Office (1) minimax (4) mixser (1) modem (1) MODIPIKASI TV (8) nasional (82) olah raga (1) OneNote 2013 (1) OPTION SETTING tv tcl (1) otomotip (1) Outlook 2013 (1) panasonic (1) PANASONIC POLYTRON (1) Pasang Sendiri Parabola (2) pbt (1) pemancar (2) PERKEMBANGAN ELEKTRONIC (4) persamaan ic (3) PERSAMAAN TR HORIZONTAL (1) photo bugil (1) photo edit (2) pla (1) plash message teks berjalan (1) Playstation (1) plyback (2) politik (1) polytron (10) polytron data servis (5) polytron u slim gambar melengkung. (5) poto (6) poto artis sexi (4) poto sexi (3) power (15) power splay (6) PowerPoint 2013 (1) Project 2013 (1) Publisher 2013 (1) rangkain inverter (3) raster gelap (1) remot control (2) remot tv (2) REMOT UNIVERSAL (1) resistor (3) sains (1) SAMSUNG SANYO (1) satelit (2) satelit Rusia Techno (2) seputar entertainment (10) serba gratis.cari yg gratis. video baru. mp3.pemutar mp3. mp3 gratis. (13) Service Menu Philips (1) Service Mode LCD Monitor (2) servis lcd monitor (3) SERVIS MODE (10) sharp (2) SHARP SONY TCL (1) siaran tv analog (2) siaran tv digital (2) skema (3) sms gratis (2) software gratis (3) sound system (15) STB DVB-T2 (1) stelit (1) subwoper (1) Sukabumi (10) susnan perangkat audio di lapangan (1) tan (1) tanaman aneh (3) tcl (4) televisi dan keluarga (7) telkomsel (1) tempat wisata alam (7) Tips Blog/webssite (51) Tips Blog/webssite/html (34) Tips pertanian (6) tips software komputer (57) tips trik elektronic (27) tips trik facebook (10) tips trik komputer (44) TOSHIBA (1) tours (1) trafo (1) transtistor (5) trapo (5) tutorial blog (7) tv china (14) tv komputer (4) tv lg (3) TV MENU SERVIS KODE (15) TV SHARP Protec (2) tv tcl (1) twetter (1) ucapan hari raya idul fitri (3) ucapan selamat (4) ucapan selamat hari ibu (1) ucapan selamat hari raya idul adha (1) ucapan selamat tidur buat pacar (2) ucapan selamat tidur untuk kekasih (3) ucapan tahun baru (1) ulang tahun (1) universal (1) video porno (1) Visio 2013 (1) Widget Check Berat Blog (2) Windows 8 (11) Wisata Baharia (3) wisata sukabumi (2) wisaya sukabumi (1) Word 2013 (1)

Entri Populer