Tutorial : Ex-Link Box Style

Duhhh , lama gak nge-post tutorial ! Yang mau pake tutor komen yaa

• Blogger
• Pages
•  Post Ex-Link
• Disebelah tulisan compose , ada html kan ? klik !
• Copy code ini
  

  <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="

  <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>

  <a class="inipunyagifta" href="

  <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="

  <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>

  • Save !
  Thank youuuu !!! Bye

Credit : Ini ^_^