Menu Horisontal pada Template Muslim Journey

Template Muslim Journey benar benar cantik (thank for idwebtemplate.com) kan tetapi secara defauilt dari situs pembuatnya tidak ada horisontal menu tepat pada bagian bawah header, kali ini saya berhasil oprek sedikit agar supaya bisa terlihat lebih dinamis karena horisontal menu penting bagi pengunjung. Walau ada widget menu tapi letaknya ditengah header.


Pertama salin kode dibawah ini, letakkan sebelum ]]></b:skin>
#khilmi {
float:left;
margin-left: 60px;
margin-top: 180px;
width:100%;
font-size:13px;

line-height:normal;
}
#khilmi ul {
margin:0;
padding:10px 10px 0 50px; /* Menu position*/
list-style:none;
}
#khilmi li {
display:inline;
margin:0;
padding:0;
}
#khilmi a {
float:left;

margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#khilmi a span {
float:left;
display:block;
 top;
padding:5px 14px 4px 4px;
color:#24618E; /*Text menu color*/
}
#khilmi a span {float:none;}

#khilmi a:hover {
background-position:0% -42px;
}
#khilmi a:hover span {
background-position:100% -42px;
}
Kedua salin kode berikut diatas <div id='rss'>
<div id='khilmi'>
<ul>
<!-- Change the links with your own links -->
<li><a href='http://khilmiblog.blogspot.com/'><span>Home</span></a></li>
<li><a href='http://khilmiblog.blogspot.com/'><span>Trik-Tips</span></a></li>
<li><a href='http://khilmiblog.blogspot.com/'><span>Free Template </span></a></li>
<li><a href='http://khilmiblog.blogspot.com/'><span>Blog Dictionary</span></a></li>
<li><a href='http://khilmiblog.blogspot.com/'><span>Profile</span></a></li>
</ul>
</div>
ganti link yang berwarna hijau sesuai link di blog kamu.