Membuat Menu Horizontal di blog

Alden Cre4tivity akan memberitahu tentang Membuat Menu Horizontal di blog gak mau kan menu di blog anda begitu begitu ajah :D ,  biar blog anda bagus dan keren pake Menu horizontal , langsung ajah ke TKP --

1.masuk ke account blog anda
2.pada bagian dasbor pilih template


3.Kalo sudah klik edit html













4.terus kalian klik lanjutkan
 









5.kalo sudah kalian cari kode ]]></b:skin> pake ctrl+f untuk memudahkan pencarian, kalo sudah nti akan keluar kotak pencarian terus kalian taruh tuh kode tadi di kotak pencarian ..
6.dan sudah ketemu langsung copy kode di bawah ini di atas kode ]]></b:skin> :
  #tejahtc{ height:33px; width:1000px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZjIKt7kWnPD-oT9iWlGNBo7GB73S-qVdt3HNpKhmGe-jCwFksd8l2LtMFDxbCpYqwq6hpIKCmA3Gtu_Tl-CsPcDzIaPidwI_2IyC5zHR5qMzjmyIauEQuy1eZ9bRUB8pTDlwR7jL-VAmt/) repeat-x; display:block; padding:0px 0 0px 0px; font-size:12px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-weight:normal; border-top:1px solid #252424; } #tejas{ margin: 0px; padding: 0px; width:1000px; background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZjIKt7kWnPD-oT9iWlGNBo7GB73S-qVdt3HNpKhmGe-jCwFksd8l2LtMFDxbCpYqwq6hpIKCmA3Gtu_Tl-CsPcDzIaPidwI_2IyC5zHR5qMzjmyIauEQuy1eZ9bRUB8pTDlwR7jL-VAmt/) repeat-x; height:33px; } #tejas ul { float: left; list-style: none; margin: 0px; padding: 0px; } #tejas li { float: left; list-style: none; margin: 0px; padding: 0px; } #tejas li a, #tejas li a:link, #tejas li a:visited { color: #fae7df; display: block; margin: 0px; padding: 9px 10px 10px 10px; } #tejas li a:hover, #tejas li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzFrzvyEGRgBgF0EJnj1gZCPLbSCN_K9Jr-VezDSPglzIVu_6XeR5lo-or6Xg5a3EsumiA5a8_n-tkZ3z5LoIFi4IfDmzovlwAAw4rYf9LRwMmR4bsAfi24xoDLF8OhoGs_ovO1ht6758/) repeat-x; color: #fff; margin: 0px; padding: 9px 10px 10px 10px; text-decoration: none; } #tejas li li a, #tejas li li a:link, #tejas li li a:visited { background:#ED4A05; width: 150px; color: #fae7df; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #FF7800; } #tejas li li a:hover, #tejas li li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzFrzvyEGRgBgF0EJnj1gZCPLbSCN_K9Jr-VezDSPglzIVu_6XeR5lo-or6Xg5a3EsumiA5a8_n-tkZ3z5LoIFi4IfDmzovlwAAw4rYf9LRwMmR4bsAfi24xoDLF8OhoGs_ovO1ht6758/) repeat-x; color: #fff; padding: 9px 10px 10px 10px; } #tejas li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #tejas li li { } #tejas li ul a { width: 140px; } #tejas li ul a:hover, #tejas li ul a:active { } #tejas li ul ul { margin: -34px 0 0 170px; } #tejas li:hover ul ul, #tejas li:hover ul ul ul, #tejas li.sfhover ul ul, #tejas li.sfhover ul ul ul { left: -999em; } #tejas li:hover ul, #tejas li li:hover ul, #tejas li li li:hover ul, #tejas li.sfhover ul, #tejas li li.sfhover ul, #tejas li li li.sfhover ul { left: auto; } #tejas li:hover, #tejas li.sfhover { position: static; }
7.dan kalian cari kode seperti ini <div id='content-wrapper'> seperti tadi cari nya pake ctrl+F yah biar cepet ...
8.udah ketemu langsung copy kode di bawah ini letakkan di bawah kode <div id='content-wrapper'> :
  <div id='tejahtc'><div id='tejas'> <ul><li><a href='http://aldenherdiana.blogspot.com/'>Home</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1</a><ul class='children'><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-1</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-2</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1-3</a></li></ul></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2</a><ul class='children'><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-1</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-2</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-2</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-2-3</a></li></ul></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3</a><ul class='children'><li><a href=Link sobat di sini!' title='Link-Title'>Link-Name-3-1</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3-2</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-3-3</a></li></ul></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-4</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5</a><ul class='children'><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-1</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-2</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-3</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-5-4</a></li></ul></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6</a><ul class='children'><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6-1</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-6-2</a></li></ul></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-7</a></li><li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-8</a></li></ul></div></div><div class='clear'/>
link sobat di sini bisa ! kalian ganti dengan link kalian dan url http://aldenherdiana.blogspot.com bisa kaliam ganti dengan url blog kalian masing masing
9. Simpan Template/save template.

Semoga bermanfaat yah postingan yang saya berikan , kalo mau share silahkan tapi cantumkan link sumbernya oke oke :)