Web sayfalarınızda ya da bloğunuzda kullanmak üzere buton yapbileceğiniz basit bir web hizmetinden bahsetmek istiyorum sizlere.Sitemizin adı Blogfluxve bu site yardımı ile buton yapabiliyoruz.Basit ama kullullanışlı bir buton. …

Şimdi öncelikle sitenin Buttonmaker(düğme oluşturma) hizmetini verdiği sayfaya gidelim.(yani tıklayın kısaca)

Açılan sayfada butonun teknik özelliklerini değiştirebilirsiniz,nasıl mı?
Açıklayalım efem:)

Left Block (düğmemizin sol bölümü)
text: düğmenin solunda görünmesini istediğimiz yazı(bunun zahek olduğunu varsayalım)
color: yazının rengi.yandaki C harfine basarak rengi ayarlayabilirsiniz(ben siyah seçtim)
background: arka fonun rengi(ben beyaz seçtim)
text alignment:yazının konumu (ben center yani ,merkez, seçtim)

Right Block(düğmemizin sağ bölümü)
text: düğmenin sağında görünmesini istediğimiz yazı(bunun blog olduğunu varsayalım)
color: yazının rengi.yandaki C harfine basarak rengi ayarlayabilirsiniz(ben kırmızı seçtim)
background: arka fonun rengi(ben beyaz seçtim)
text alignment:yazının konumu (ben center yani ,merkez, seçtim)

Button Options(düğme ayarları)
border color: düğmenin kenar çizgilerinin rengi (ben siyah olarak seçtim)
background: düğmenin iç kısmının arka fon rengi (ben beyaz olarak seçtim)
divider alignment: düğmenin ortasında bulunan ayracın konumu(ben center,merkez, olarak ayarladım)
frame: düğmemizin çlçüsü.iki farklı seçenek var burada.(ben 80×15 olarak ayarladım)

Tüm bu ayarladran sonra sağdaki generate button düğmesine tıklıyoruz ve düğmemiz hazır gördüğünüz gibi.

Generate button düğmesinin yanındaki Save Image butonuna basarak düğmemizin resmini bilgisayarımıza indirmemiz gerekiyor.Daha sonra indirdiğimiz bu resmi bloğunuza upload edin ve kısayolunu saklayın(bunu daha sonra kullanacağız)

Şimdi gelelim bu düğmeye nasıl link ekleyeceğimize.

Yine sayfanın altında hazır bir html kodu görüyor olmalısınız.O kodun içerisinde bazı değişiklikler yaparak kullanacağız.
Kodumuz;

<a href="http://button.blogflux.com/">
 [html:img src="http://button.blogflux.com/80x15.gif" 
 alt="Button Creator for Free" width="80" height="15" border="0"]</a>

1-İlk olarak düğmeye tıklattığımızda gidilmesini istediğimiz adresi yazacağız.

<a href="http://button.blogflux.com/">

yukarıdaki kodu aşağıdaki şekilde değiştirmemiz yeterli olacaktır.

<a href="http://my.opera.com/ZAHEK/">

2-Kod içerisine düğmemizin bulunduğu konumu belirteceğiz.Bu konum biraz önce yukarıda bilgisayarımıza indirdip tekrar bloğumuza upload ettiğimiz dosyanın kısayolu olacaktır.

[html:img src="http://button.blogflux.com/80x15.gif"%5B/CODE%5D
 bu kodu aşağıdaki gibi değiştirmemiz yeterli olacaktır.
 %5BCODE%5D<img src="http://files.myopera.com/ZAHEK/blog/zahek-blog.gif"%5B/CODE%5D
 
 Nihayetinde butonumuzun kodu ve resmi aşağıdaki gibi olacaktır.
 %5BCODE%5D<a href="http://my.opera.com/ZAHEK/"]
 [html:img src="http://files.myopera.com/ZAHEK/blog/zahek-blog.gif"
 alt="Button Creator for Free" width="80" height="15" border="0"]</a>

Tıklayıp bağlanınız…