Menu

ANA SAYFA » Blogger Butonları » Blogger Menü Kodları » Yazılarınızın İçerisine Buton Ekleyin

Yazılarınızın İçerisine Buton Ekleyin

Blogger sitenizde hazırlamış olduğunuz yazıların içerisinde sayfa veya link yönlendirme amacı ile kullanabileceğiniz bu kod dizini ile bu işlemi kolayca yapılabilir.

Ayrıca bu kodlar ile birlikte Ana sayfanızda Gadget ekleme yöntemi ile kenar cubuğunuz da da ek menüler oluşturmanızı sağlar.Menü renklerini değiştirerek sitenizin rengine göre uyumlu olarak yapabilirsiniz.

<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><br />
<a class="button" href="http://etralibela-61.blogspot.com.tr/" target="_blank">Ana Sayfa</a><br />
<br />
<a class="button" href="http://etralibela-61.blogspot.com.tr/" target="_blank">Hakkımda</a><br />
<br />
<a class="button" href="http://etralibela-61.blogspot.com.tr/" target="_blank">Sitemap</a><br />
<br />
<a class="button" href="http://etralibela-61.blogspot.com.tr/" target="_blank">İletişim</a><br />
<br />
<br />
<br />

Kodun sonunda bulunan menü kodlarını çoğaltarak daha fazla menü ekleyebilirsiniz.Menü isimlerini kendinize göre düzenledikten sonra menü başlıklarına ait linkleri eklemeyi unutmayın...

Bizi Takip Edin...
Pinterest>>Facebook>>Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın...

Yorum Gönder Blogger Facebook

Kaydol: Kayıt Yorumları (Atom)

Top