Sayfalarınıza buton ekleyin

Sponsor Siteler

* Güncel Blog Yazıları ( Blog Radikal )
* Geniş Kod Arşivi ( Sitene Kod Ekle )
* Şarkı Sözleri ( Sitene Yazılar )
* Deneme Yazıları ( Yazar Edebiyat )
* Sağlık, Moda, Kadın Yazıları ( Yazar Haberi )

Sayfalarınıza buton ekleyin.Yazılarınızı yazdığınız sayfalarda ziyaretçilerinizi başka bir sayfanıza yönlendirmek için güzel bir buton kodu.

Ana Sayfa Teknoloji Güncel SEO Dünyası Hakkımda Sitemap İletişim

Kodun içindeki işaretlediğim kısımları kendinize göre değiştiriniz.Kırmızı işaretli yere kendi açılmasını istediğiniz sayfanızı veya başka site linkinizi yazınız.Mavi rekle işaretlediğim yerlere butonun üzerinde gözükecek kelimeleri yazınız.

Buton linklerini çoğaltıp azaltabilirsiniz.

<style>
.button {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   font: bold 11px Sans-Serif;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
}
.button:hover, .button:focus {
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.button:active {
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}
</style>
<a class="button" href="http://www.bannerekle.com/" target="_blank">Ana Sayfa</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">Hakkımda</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">Sitemap</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">İletişim</a>