Membuat navigasi bar di blogspot

masukkan code berikut kedalam ruangan html/javascript
save dan lihat hasilnya

semoga berhasil . .. . . .

<style>

.tingtong{

margin-right:-0px;

margin-left:-0px;

background: url(LINK BACKGROUND);top:0px;

left:0px;

text-align:center;

padding-top:10px;

padding-bottom:10px;

border: #e69fba 3px solid;

}

a.blabla{

background:#e69fba ;

text-decoration:none;

color:#fff;

padding:5px;

font:12px arial;

margin-left:5px;

margin-right:5px;

-webkit-transition:All 0.4s ease;

-moz-transition:All 0.4s ease;

-o-transition:All 0.4s ease;

display:inline-block;

padding-right:10px;


padding-left:10px;


}




a.blabla:hover{background:#fff;

color:#000;

</style>

<br />

<div class="tingtong">

<a class="blabla" href="YOUR LINK">PAGE 1</a>

<a class="blabla" href="YOUR LINK">PAGE 2</a>

<a class="blabla" href="YOUR LINK">PAGE 3</a>

<a class="blabla" href="YOUR LINK">PAGE 4</a>

<a class="blabla" href="YOUR LINK">PAGE 5</a>


</div>