1. Log in to blogger account and Click drop down.
2. pilih Template "
Template"
3. Lalu Klik
EDIT HTML
4. Cari kode ]]></b:skin> dengan Ctrl+F
5. Lalu Paste sebelum kode
]]></b:skin>
/* The CSS Code for the menu starts here bloggertrix.com */
#arrowunderlinebtrix{
list-style-type:none;
margin:0;
padding:0;
text-align:center;
font: bold 16px Georgia;
}
#arrowunderlinebtrix li{
display:inline;
margin-right:25px;
}
#arrowunderlinebtrix li a{
position:relative;
color:black;
padding-bottom:8px;
text-decoration:none;
}
#arrowunderlinebtrix li a:hover{
border-bottom:3px solid #25bd0d;
}
#arrowunderlinebtrix li a:hover:after{
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px;
bottom: 0;
border-width:5px;
border-style:solid;
border-color: transparent transparent #25bd0d transparent;
}
6. Go to blogger and click
Layout
7. Click
Add Gadget lalu pilih
'HTML/Javascript
8. Paste below code.
<div id="arrowunderline">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Download</span></a></li>
<li><a href="#"><span>CSS</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="http://www.bloggertrix.com/"><span>Contact Us</span></a></li>
</ul>
</div>
Replace # with your links.
9. Sekarang save HTML/Javascript'.
