Live Preview:
Codes:
- copy & paste sebelum </style>
.lily{
width:70px;
text-align:center;background:#a6e7e7;
font-size:8px;height:20px;
text-transform:uppercase;
letter-spacing:2px;
}
.lily a{
display:block;
margin-bottom:4px;
padding:2px 5px;
border-bottom:1px solid transparent;
border-top:0px;
text-shadow:1px 1px 1px rgba(0,0,0,0.09);
color:#ffffff;
}
.navi3{
background:#a6e7e7;
}
- copy dan paste
- Blogskins : paste di bahagian sidebar
- Template designer : paste di html/javascript
<div class="lily">
<a class="navi3" href="https://www.blogger.com/archive">Option 1</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 2</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 3</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 4</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 5</a></div>
</div>
Labels: Navigation, Tutorial