Exlink Box Style (2)

Hola! Akhirnya dapat ide buat post, nih... Dulu Gifta sudah pernah buat tutorial semacam ini juga. Klik di sini. Hari ini Gifta mau post tutorial untuk membuat exlink box / exlink section untuk yang kedua kalinya. Live preview:

NAME NAME NAME NAME

Step one:

Blogger >> Pages >> Post exlink kalian >> Ubah Compose menjadi HTML

Step two:

Copy this code:

<center>
<style>
a.inipunyagifta{
    -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;
    font-family: short stack;
    font-size: 14px;
    background: #FFCEF3;
    color: #BA00F3;
    width: 130px;
    border: 2px solid #F3749D;
    font-style:normal;
    height:30px;
    line-height:30px;
    text-decoration:none;
}
a.inipunyagifta:hover{
    -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;
    border-radius:20px;
    border: 2px groove #D1ACF8;
    box-shadow: inset 150px 0 0px 0 #F3749D;
    color: #fff;
}
</style>
<br />
<div style="text-align: -webkit-center;">
<a class="inipunyagifta" href="http://www.giftasblog.co.vu/">NAME</a>
<a class="inipunyagifta" href="http://www.giftasblog.co.vu/">NAME</a>
<a class="inipunyagifta" href="http://www.giftasblog.co.vu/">NAME</a>
<a class="inipunyagifta" href="http://www.giftasblog.co.vu/">NAME</a>
</div>
<center>Designed by <a href="http://www.giftasblog.co.vu/">Gifta</a></center>
</center>

Step three:

Paste dimanapun yang kamu mau.
Jangan lupa ganti nama dan URLnya, ya!

Step four:

Update / Publish!

Nah, gitu doang, gampang kan?
Kalau mau repost atau pake, comment di bawah dan beri credit ya!