Game, Software And Anime

Pada posting kali ini, tutorialblogx akan memberikan sebuah informasi mengenai Cara Membuat Menu Pada Blog . ya fungsi dari menu pada blog ini adalah untuk mempermudah pengunjung blog untuk menjelajahi isi dari artikel sobat. dan style atau gaya ataupun tampilan yang saya share disini berwarna hitam dengan garis merah
pertama masuk ke bagian edit template sobat, kemudian cari kode ]]></b:skin> ( gunakan F3 agar mempercepat pencarian )
bila sobat sudah menemukan ]]></b:skin> selanjutnya sisipkan kode dibawah ini tepat di atas ]]></b:skin>

ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcSI1Wf0ITEJxPgOnvsC4h_N624m-_V1UrUn9QYe6HuMiDHNuHGlRSfFEHRnnkCYlYh0oJhYHqKx4a5R4C-CG9dvshJmynXGsbmWKXXOS-UBdfA755-Qste2NoqCXcJnKzK-j1GBkNXE/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
ul.menu li {display:block;float:left;margin:0;padding:0;}
ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcSI1Wf0ITEJxPgOnvsC4h_N624m-_V1UrUn9QYe6HuMiDHNuHGlRSfFEHRnnkCYlYh0oJhYHqKx4a5R4C-CG9dvshJmynXGsbmWKXXOS-UBdfA755-Qste2NoqCXcJnKzK-j1GBkNXE/s1600/bg.png") repeat-x top left;text-decoration:none;}
ul.menu .current a {color:#fff;font-weight:700;}
/*Garis Merah*/
ul.menu.red{background-color:#B11718;}
ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}

<ul class="menu red">
<li class="current"><a href="#(url homepage anda)">Home</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME </a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
</ul>