Cuma, Nisan 06, 2012

Sitene Google Plus Tarzı Butonlar Ekle !

Bu kod tüm tarayıcılarda çalışır, ancak internet explorer adlı tarayıcıyı kullanan ziyaretçiler, düğmenin köşelerini yuvarlatılmış olarak değil, sivri olarak görürler. Bu kod Kod Dostu sitesi tarafından hazırlanmıştır. Google+ tarzı düğme veya blogger tarzı butonlar elde etmeye yarar. Butonun üzerinde yazacak yazıyı ve tıklandığında açılacak adresi, kod içerisinden kendiniz değiştirebilirsiniz.



Sitene ekle:
<a class="g1buton" href="http://hypon.blogspot.com/" target="_blank">Blogumu Gör</a> <style> .g1buton{text-decoration:none;cursor:pointer;background-image:url(http://4.bp.blogspot.com/-XhcR_swylFc/TqgSt8MaKrI/AAAAAAAAAgY/YmwpIcgT36Q/s1600/Google-Plus-1-icon.png);background-repeat:repeat-x;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display:inline-block;font-family:Arial;max-width:232px;min-width:54px;text-align:center;font-size:11px;font-weight:700;color:#FFF;line-height:22px;border:1px solid #F18D3B;margin:0 16px 0 0;padding:3px 8px 4px} a.g1buton:hover{background-position: 0 -30px;} </style> <br /><><a class="g2buton" href="http://plus.google.com/109406791672357585388" target="_blank">Çevrelere Ekle</a> <style> .g2buton{text-decoration:none;cursor:pointer;background-image:url(http://4.bp.blogspot.com/-STww3Vh34zw/TqgOPm0hNkI/AAAAAAAAAgI/d40C5SbXwHE/s1600/Google-Plus-1-icon.png);background-repeat:repeat-x;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display:inline-block;font-family:Arial;max-width:232px;min-width:54px;text-align:center;font-size:11px;font-weight:700;color:#FFF;line-height:22px;border:1px solid #d14836;margin:0 16px 0 0;padding:3px 8px 4px} a.g2buton:hover{background-position: 0 -30px;} </style>
Kodda değişikliğe gerek yoktur,sonunda rahatladınız :)
Kaynak:http://siteneeklekodlari.blogspot.com

Köşe Yazıları