Membuat Template
1.klik link disamping ini http://www.dotemplate.com/
2. pilih template yang akan di modifikasi , atau klik Browse all templates
3. setelah dapat template mana yg akan agan modifikasi kemudian klik Customize and download
5. Setelah melakukan proses editing, klik Download
6. langkah selanjutnya pilih Format platform yang agan pake,
7. kemudian Download Template yg sudah agan modifikasi tersebut,
8. Selasai ^.^
Cara Membuat Menu Bar
1. Login ke akun Blogger sobat
2. Sekarang Klik Template
3. Klik EDIT HTML
4. Sekarang Cari Kode
agar mudah dalam pencarian tekan Ctrl+f 5. Letakan kode di bawah tepat di atas kode <style type='text/css'>
#tabs28 { float:left; width:100%; background:#fff; font-size:93%; line-height:normal; border-bottom:1px solid #DD740B; }
#tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabs28 li { display:inline; margin:0; padding:0; }
#tabs28 a { float:left; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2tcGVxMgQlSdnRIu91ys7HZkhdySrFEwr-2uqoWAD0gLQIidXWLYJNwBAQq3uPMxA4IUDEvA9K6a8sf29wtUtCP3TasSdx41op_IXxrcDorHefj61tvgnP3SaXruRDvLkWZnkItbWkCu/s1600/slide-left.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }
#tabs28 a span { float:left; display:block; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKVTbFAkpjXhV-R0BKZNxndLYzClhea92IjDLnUMdkqONS7f47lEUIzd_IYnQQQFov2CdZcTcQgtffcvKaX1wBUDrtQHAuaA7ZHNcwMWCW-txwz-RTO9kgTJI1n0wETdwWXZqFgwmAYex9/s1600/side-right.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
#tabs28 a span {float:none;} #tabsI a:hover span { color:#FFF; } #tabs28 a:hover { background-position:0% -42px; }
#tabs28 a:hover span { background-position:100% -42px; }</style>
Catatan:
Anda Boleh Ganti tulisan 10 dengan yang anda inginkan(fungsinya untuk panjang jarak atas)
Anda Boleh Ganti tulisan 50 dengan yang anda inginkan(fungsinya untuk panjang sebelah kiri)
7. Sekarang kita menuju ke layout
8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript
9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>
</div>
10. Klik Simpan
catatan: ganti tanda # dengan alamat URLganti Link 1 - Link8 dengan nama menu yang anda inginkan,
