Cara Membuat Menu Di Atas Header Blog

Cara Membuat Menu Di Atas Header Blog-Membuat menu diatas Header Blog memang mudah namun jika tidak tahu akan susah, kita hanya bisa membuat secara manual dengan membuat laman Blog dahulu, sehingga nantinya bisa menampilkan widget Page di Blog, namun masih banyak cara lain untuk menampilkan menu diatas Header Blog ini dengan beberapa Kode Berikut ini :

Pertama masuk ke Dasbor Blog
Masuk pada Template >> EDIT HTML >> Cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

------------------------------------------------------------------------------

<style type='text/css'>
/* TOPMENU */
.topmenu{font:normal normal 12px Arial,sans-serif;padding:0 0;background:#ffffff;margin:0 0 10px 0;height:35px;border-bottom:1px solid #f0f0f0;overflow:hidden}
.nav-menu{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li{display:block;float:left;line-height:38px;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li a{background:#ffffff;color:#666666;display:block;padding:0 8px}
.nav-menu li a:hover{background:#f5f5f5}
ul.nav-social{height:35px;margin:0 0 10px 0;padding:0 0;float:right}
ul.nav-social li{display:inline-block;list-style-type:none;float:right;margin:0 0;padding:0 0}
ul.nav-social li a{display:inline-block;line-height:35px;height:35px;padding:0 8px;margin:0 0 0 0;color:#666666}
ul.nav-social li a i{line-height:35px}
ul.nav-social li a:hover{color:#fff}
ul.nav-social li a.fcb:hover{background:#3B5A9B}
ul.nav-social li a.gpl:hover{background:#DD4B39}
ul.nav-social li a.twt:hover{background:#1BB2E9}
ul.nav-social li a.ytb:hover{background:#ED3F41}
</style >

------------------------------------------------------------------------

Kemudian cari kode <div class='header-wrapper'> atau <div id='header-wrapper'> Dan masukkan kode di bawah ini tepat diatas kode tersebut

-----------------------------------------------------------------------

<div id='nav-wrap'>
<nav class='topmenu'>
<ul class='nav-menu'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<ul class='nav-social'>
<li><a class='fcb' href='#' rel='nofollow'><i class='fa fa-facebook-square fa-2x'></i></a></li>
<li><a class='gpl' href='#' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'></i></a></li>
<li><a class='twt' href='#' rel='nofollow'><i class='fa fa-twitter-square fa-2x'></i></a></li>
<li><a class='ytb' href='#' rel='nofollow'><i class='fa fa-youtube fa-2x'></i></a></li>
</ul>
</nav>
<div class='clear'></div>
</div>