Home » » Cara membuat Menu Horizontal di atas Header

Masuk ke pengaturaan template ==> edit HTML  jangan lupa centang terlebih dahulu expand template widgate nya.

Cara membuat Menu Horizontal di atas Header

Yang Pertama, 
Anda cari code ]]></b:skin> lalu letakan code di bawah ini tepat diatas code ]]></b:skin> kalau pusing anda cukup tekan di keyboard "Ctrl-F" tanpa tanda kutip, lalu ketikan ]]></b:skin> :

/*Bagian Atas*/#navdetikid2{background: url(../image/ferlianus.gif) 0px -40px repeat-x #c7c7c7;background:rgb(220,220,220);background:-moz-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(220,220,220,1)),color-stop(100%,rgba(244,244,244,1)));background:-webkit-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%);background:-o-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%);background:-ms-linear-gradient(top,rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%);background:linear-gradient(top,rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc',endColorstr='#f4f4f4',GradientType=0 );padding:0;position:fixed;top:0px;left:0px;z-index:99999;_position:absolute;_top:expression(eval(document.body.scrollTop));-moz-box-shadow:0px 0px 10px #4f4f4f;-webkit-box-shadow:0px 0px 10px #4f4f4f;box-shadow:0px 0px 5px #4f4f4f;font-family:tahoma,Arial,Verdana,sans-serif !important;font-size:11px;width:100%;margin-bottom:0px;margin:0}#navdetikid2 .icon{float:left;padding-right:5px;padding-top:2px}#navdetikid2 .date{border-left:1px solid #999;float:left;padding:3px 7px;font-size:11px;font-weight:bold;margin-top:4px;width:300px;font-family:tahoma,Arial,Verdana,sans-serif !important;color:#333;color:#999;padding-top:5px;height:18px;width:auto}#navcontent{width:970px;margin:0;color:#333;font:normal 12px tahoma !important;text-align:left}#navdetikid2 .date a{color:#333;display:inline-block;padding:0 3px;text-decoration:none}#navdetikid2 .date a:hover{color:#000;text-decoration:underline}#navdetikid2 .search_NiasMC form{background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0;padding:0;border:1px solid #bbb;width:350px;float:left;overflow:hidden;-moz-box-shadow:inset 0 0 10px #CCC;-webkit-box-shadow:inset 0 0 10px #CCC;box-shadow:inset 0 0 10px #CCC;margin-top:3px;height:25px !important}.search-niasmembangunsearch .input{background:none;height:20px !important;line-height:22px;font-size:12px;font-family:Arial,Helvetica,sans-serif;margin:2px 0 0 10px !important;background:none !important;padding:2px 0px !important;border:0px;width:240px;color:#666;clear:none;float:left}#navdetikid2 .search_NiasMC .btn{float:right;border:0;background:#656565;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-transform:uppercase;color:white;font-weight:bold;height:25px;padding:0 15px;margin:0 -2px 0 0 !important;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;cursor:pointer}#navdetikid2 .search_NiasMC .btn:hover{background:#333}#navdetikid2 .login{float:right;border-right:1px solid #CCC}#navdetikid2 .login a{display:inline-block;border-left:1px solid #CCC;padding:10px 15px;font-weight:bold;color:#333;text-decoration:none;font-size:11px;float:left}#navdetikid2 .login a:hover{background:#CCC}#headerpic{background:transparent;padding-top:35px}


Yang Kedua, 
Cari code <body> dan paste code berikut dibawahnya.

<a href='http://www.nias-membangun.com/' id='wb_auth'/><script>wb.$_convert_adf_ly();</script><div id='top'><div align='center' id='navdetikid2'><div id='navcontent'><div class='icon'><a href='http://www.nias-membangun.com/' title='Nias Membangun.Com'><img hight='45' src='https://1.bp.blogspot.com/--nMoqaKcEhE/WAIbJ6c5WkI/AAAAAAAAAEg/qagr-ONc-rsXg08dPECfS1oleoIoqGerQCPcB/s200/NiasMC%2B-%2BNias%2BMembangun.png' width='41'/></a></div><div class='date'/>
<div class='login'><a href='http://www.bangkilhi.or.id/' target='_blank'>Klinik Hukum</a><a href='http://www.siarlingkungan.com/' target='_blank'>Siarlingkungan.Com</a><a alt='register' class='to_reg' href=''>Facebook</a><a alt='login' class='to_login' href='http://www.nias-membangun.com/2015/08/redaksi-niasmc.html'>Redaksi</a></div></div></div></div>


Yang ketiga,
Save.

Tags:

0 komentar to "Cara membuat Menu Horizontal di atas Header"

Posting Komentar