Sayfalarınıza buton ekleyin

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>