2) Pilih menu Laman, buat laman baru
3) Pilih HTML
4) Copy kode di bawah, lalu paste dan save!
<style>
a.navvv{
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
margin: 2px;
display: inline-block;
text-align: center, middle align;
font-family: short stack;
font-size: 14px;
background: #fff;
color: #000;
width: 100px;
border: 1px solid #D1ACF8;
width: 100px;
}
a.navvv:hover{
box-shadow: inset 100px 0px 100px #D1ACF8;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
color: #F9F3FF;
</style> <br />
<div style="text-align: -webkit-center;">
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
Live preview!
a.navvv{
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
margin: 2px;
display: inline-block;
text-align: center, middle align;
font-family: short stack;
font-size: 14px;
background: #fff;
color: #000;
width: 100px;
border: 1px solid #D1ACF8;
width: 100px;
}
a.navvv:hover{
box-shadow: inset 100px 0px 100px #D1ACF8;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
color: #F9F3FF;
</style> <br />
<div style="text-align: -webkit-center;">
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
Live preview!
Makasih kak!
BalasHapus@Anonim sama-sama^^
BalasHapus