cara masang menu di bwah atau di atas header


Cara membuat header di blog,pertama Anda perlu membuat header blog menggunakan scrip di bawah ini dan siapkan gambar  baru untuk menggunakan gambar favorit Anda Lihat membuat template yang lebar kepala HTML dari blog Anda dan catatan dari blog Anda,Mungkin Anda ingin blog baru Anda dengan pikiran yang lebar itu,Jangan khawatir tentang tinggi,ini dapat sebagai besar atau kecil akan berbagi cara memasang header di blog
1.1.buka blog
  2.template
  3.edit HTML

2.copy
/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: #ff0000 repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#000000;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
3.Cari kode ]]> </ b: skin> (gunakan ctrl + F untuk memudahkan pencarian) 
   Copy dan pastekan Kode CSS dibawah ini dan tempatkan diatas kode ]]> </ b: skin>
4.copy
</ul>
</li>
<li><a class='trigger'>Menu 4</a>
<ul>
<li class='hr'/>
<li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
<li class='hr'/>
<li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://ketutjoel.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://ketutjoel.blogspot.com'/>
<input id="search-box" name="q" size="25" type="text" style="background: #EEEDED; border: 1px solid #000000 "/>
<input id="search-btn" value="Search" type="submit"/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

5.1.cari code
    2.menu di atas header blog <header>
    3.menu di bawah header blog </header>
      6.selesai



      No comments:

      Post a Comment