Membuat Exchange Link Box #2

Hahaha.. kekecilan kelesss....! yah entar kalo di preview ya tau sendiri entar. Oke, Membuat Exchange Link Box adalah yang akan kita bahas. Tapi ini yang style kedua, lho, yaaa?!! yang pertama click me!



                                   PREVIEW IN HERE


  • Login ke blogger >> dasbor
  • Buat pages / buat laman kamu dengan klik laman baru
  • Copy kode ini dan paste di HTML yang ada di samping compose!

<style>
.neineibutton {
 background: #ffeaea;
border-radius: 10px;
display:inline-block;
 color:#aaa;
 text-indent:0;
 border:1px dashed #ffbcbc;
 font-size:12px;
 font-style:normal;
 height:30px;
 line-height:30px;
 width:90px;
 text-decoration:none;
 text-align:center;
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; text-decoration:none; 
}
.neineibutton:active {
 position:relative;
 top:1px;
}
.neineibutton:hover {
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; text-decoration:none; 
background: mistyrose;
border-top-right-radius: 19px;
border-bottom-left-radius: 19px;
border:1px dashed #ffbcbc;
box-shadow:inset 18px 18px 0px #ffd5d5,inset 8px -14px 0px #ffd5d5; color: #fff;

}
</style>

<div class="separator" style="clear: both; text-align: center;">
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>
<a class="neineibutton" href="http://.blogspot.com/">YOU?</a>

</div>

  • Save!
Note
Itu yang url, nama, dan kode warna silakan edit sesuka hati. Oke? Credit me! itu aku desain sendiri!! hargai usaha

2 comments:

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...