Buzz Sayaçlı Paylaş Butonu Ekleme
Facebook paylaş butonunun benzeri olan buzz butonunu kendi sitenize koyabilirsiniz.Siteniz özel site olsun, isterse wordpress, blogger ve blog sitesi olsun hiç farketmez…
Bu butona her tıklandığında görsel sayaç artacaktır.Bu buton Bit.ly adındaki url kısaltıcı servisi kullanır ve bit.ly’den aldığınız api ile çalışır.
Şimdi aşama aşama nasıl yapacağımıza bakalım…
1. Aşama
İlk önce Bit.ly adresine gidiyoruz ve kendimize yeni bir hesap açıyoruz.Hesabı açtıktan sonra kendimize bit.ly api key alıyoruz. Daha sonra buran aldığımız kullanıcı adını ve apiyi gerekli gereklere yazıp sayfamızın <head> tagından sonra hemen ekliyoruz.
<script type=”text/javascript” src=”http://bit.ly/javascript-api.js?version=latest&login=kullaniciadiniz&apiKey=apikeyiniz”></script>
2. Aşama
Daha sonra aşağıda görmüş olduğunuz stil dosyalarını sayfanızın <head> ile </head> arası ekliyoruz.
<style type=’text/css’>
.btn {
background:url(“http://www.bilgisayarkurtu.com/images/buzz-button.jpg”) no-repeat center center;
width:50px;
height:58px;
position:relative;
text-align:center;
}
.btn a {
position:absolute;
bottom:0;
left:0;
display:block;
height:17px;
width:50px;
}
.btn span {
position:absolute;
right:0;
left:0;
top:5px;
font-size:14px;
font-weight:bold;
letter-spacing:0.1em;
padding:3px;
color:#ffffff;
}
</style>
3. Aşama
Buzz butonunu sayfanızın neresinde gözükmesini istiyorsanız aşağıdaki kodu oraya ekleyiniz
<div class=’btn’>
<a href=’google_buzz_paylas_linkiniz’></a>
</div>
Burada kesinlikle değerini kaldırmıyorsunuz. En önemli noktalarda biri burası. Özel kodlamalarda google buzz paylaş linkide farklı oluyor. İster var olan pencere içerisinde yeni popup pencere açtırır veya _blank ile yeni pencere açtırarak buzz paylaşım penceresini kullanıcılara gösterebilirsiniz.Bunu da aşağıdaki şekilde yapabilirsiniz.
<div class=’btn’>
<a
class=”buzzbutton” href=’http://www.google.com/reader/link?url=http://www.bilgisayarkurtu.com/<?= $haberlink ?>&title=<?php echo $title; ?>&srcURL=http://www.bilgisayarkurtu.com/” target=”_blank” rel=”nofollow external”‘ hspace=”5″ align=”left” target=”_blank”></a>
</div>
Özel kodlama kullananların yapması gereken aşağıdakileri editlemektir.
<div class=’btn’>
<a
class=”buzzbutton” href=’http://www.google.com/reader/link?url=http://www.bilgisayarkurtu.com/<?= $haberlink ?>&title=<?php echo $title; ?>&srcURL=http://www.siteadi.com/” target=”_blank” rel=”nofollow external”‘ hspace=”5″ align=”left” target=”_blank”></a>
</div>
Aşağıdaki yere sitenizin bulunduğu sayfanın linkinin değerini vereceksiniz.
http://www.bilgisayarkurtu.com/<?= $haberlink ?>
Aşağıdaki kod genelde aynıdır ama farklı bir fonksiyon veya değer verilmiş ise sayfanızın title değerini veriyorsunuz.
<?php echo $title; ?>
Aşağıya da site adinizi yaziyorsunuz.
http://www.siteadi.com/
Blogger kullanıcıları için kodlar 2. sayfada…
Yorum Yap