1. Seperti biasa, masuk ke blogger.com lalu login menggunakan akun google sobat
2. Masuk pada halaman Template
3. Klik Edit HTML kemudian Lanjutkan
4. Pertama - tama, cari kode ]]></b:skin> (gunakan ctrl+f untuk memudahkan pencarian)
5. Jika sudah ketemu, pasang kode di bawah ini di atas kode ]]></b:skin>
#menubar{6. Selanjutnya, cari kode <div id="content-wrapper">
width:920px;
height:38px;
background:#de360f;
border-radius:2px;
float:center;
margin:0px auto;
}
#menubar-left{
float:left;
width:720px;
padding:0 0 2px 2px;
}
#menubar-right{
float:right;
width:170px;
padding-top:8px;
padding-right:18px
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:12px 10px;
color:#fff;
position:relative;
font-weight:bold !important;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a {
text-decoration:none;
background:#F0512D;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:35px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:37px;
border:1px solid #de360f;
border-radius:0px 0px 8px 8px;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
#search{
border:1px solid #F0512D;
height:20px;
width:180px;
background:#f6f4f4;
}
#search input{
color:#777;
border:none;
}
#s-m{
font-size:11px;
width:180px;
padding-left:4px;
padding-top:5px;
margin:0;
}
#search-t #search{
background-color:#FFFFFF;
border:1px solid #F0512D;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
}
#search-t #s-m{
width:155px;
padding-top:3px;
}
7. Lalu pasang kode di bawah ini, di atas kode <div id="content-wrapper">
<div id='menubar'>8. Simpan Template dan lihat hasilnya
<div id='menubar-left'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://illoe.blogspot.com/'>Edit me 1</a></li>
<li><a href='http://illoe.blogspot.com/'>Edit me 2</a></li>
<li><a href='http://illoe.blogspot.com/'>Edit me 3</a>
<ul>
<li><a href='http://illoe.blogspot.com/'>Sub menu 1</a></li>
<li><a href='http:/illoe.blogspot.com/'>Sub menu 2</a></li>
</ul>
</li>
<li><a href='http://illoe.blogspot.com/'>Edit me 4</a></li>
<li><a href='http://illoe.blogspot.com/'>Edit me 5</a></li>
</ul>
</div>
<div id='menubar-right'>
<div id='search-t'>
<div id='search'>
<form action='/search' method='search' target='_blank'>
<input class='keyword' id='s-m' name='q' onblur='if (this.value == "") {this.value = "Cari artikel disini..";}' onfocus='if (this.value == "Cari artikel disini..") {this.value = ""}' type='text' value='Cari artikel disini..'/>
<input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0kF8EGQ0x2RhRLSac_Wrq5u5Xs9UVd2ZjLKFarOic0C2gTxLcDi3FTNYpK7d0xeW5OY283oPvKgoY16s26mw6BA5Q5_llcqLnS9OqvyMC0x38U0UF2Ag_hw5KCED3UwsyNNsAFIlaxyc/s200/search-c.png' style='border: 0pt none ;vertical-align: top; padding-top:4px; padding-right:3px;' type='image'/>
</form>
</div>
</div>
</div>
</div>
Keterangan:
- Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
- Ganti tulisan berwarna Biru (Edit me / Submenu) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
- Untuk mengubah panjang menubar bisa sobat ganti tulisan 920px menjadi sesuai dengan keinginan sobat
- Untuk mengganti warna menubar, coba cari kode background:#de360f; . Ganti kode yang berwarna orange dengan kode warna yang diinginkan.
- Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
- Bila kode <div id="content-wrapper"> tidak ada, coba ganti dengan <div id="header-wrapper"> atau <div id="outer-wrapper">
sehingga tujuan ngeblog nya adalah program make money apa yang akan saya ikuti? bukan konten blog apa yang akan saya buat. Saya menyadari mindset seperti itu tidaklah benar, sehingga perlu diluruskan.
Itulah yang kemudian membuat orang kurang percaya diri dan malu untuk bergabung di dunia blogging. Karena profesi blogger sendiri kurang begitu menarik, prospek nggak jelas, dan lain sebagainya. Seperti kita ketahui bersama bahwa media blog merupakan situs social media, artinya bisa dimanfaatkan untuk berinteraksi, sharing, berkumpul, bertemu dengan orang lain secara online. Dari segi kegunaannya sebenarnya tidak jauh beda dengan situs jejaring sosial yang lain seperti Facebook dan Twitter. Baca juga ya 
