Melalui tutorial ini, anda akan membuat menu tersendiri pada posisi paling atas theme wordpress anda. Seperti yang terlihat diatas blog ini. Item yang ditambahkan adalah tanggal, twitter follower, fb fans dan search form.

Melalui langkah mudah ini, anda tidak perlu mencari plugin, cukup modifikasi sebentar. Yang harus Anda lakukan hanyalah modifikasi pada dua file, yaitu style.css dan header.php

Style.css
Tambahkan kode css ini di baris paling bawah pada file style.css, lalu update atau save jika sudah selesai.



/* menu teratas */

#top {
margin: 0px;
padding: 0px;
background: repeat scroll 0% 0% rgb(221, 221, 221);
background-color: #D01010;
border-bottom: 1px solid rgb(187, 187, 187);
position: fixed;
width: 100%;
top: 0px;
z-index: 9999;
height: 30px;
box-shadow:2px 2px 8px rgba(0, 0, 0, 1);
}

#top-content {
width: 1014px;
margin: 0px auto;
padding: 0px;
}

#top-bar {
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
}

#top-bar ul {
list-style: none outside none;
margin: 2px 0px;
padding: 0px;
}

#top-bar li {
list-style: none outside none;
margin: 0px 5px 0px 0px;
padding: 0px;
display: block;
font: 20px/22px 'BebasNeueRegular',Arial,Helvetica,sans-serif;
color: #ffffff;
float: left;
}

#search {
width: 180px;
margin: 0px;
padding: 2px 0px;
float: right;
}

#search form {
margin: 0px;
padding: 0px;
}

#search form input.key {
margin: 0px 2px 0px 0px;
padding: 1px;
border: 1px solid rgb(170, 170, 170);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
font: 11px Arial,Helvetica,sans-serif;
}

#search form input.go {
margin: 0px;
padding: 0px 1px;
border: 1px solid rgb(51, 51, 51);
background: none repeat scroll 0% 0% rgb(102, 102, 102);
font: 11px Arial,Helvetica,sans-serif;
color: rgb(255, 255, 255);
}

Cari kode ini