Sayfanız üzerinde “Twitter” kuşu uçsun
Değişik js kodlarını incelerken karşıma çıkan ve beğenip sayfam üzerinde kullanmaya başlamıştım. Kodlarını sizlerle de paylaşmak istiyorum.
Bir zamanlar sayfam üzerinde sizin hareketleriniz sonucu uçan ve belirlediğiniz standart ölçüler doğrultusunda sayfanın kimi kısımlarına konan bir Twitter kuşu bulunmakta. Ben buna “Twi Kuşum” diyordum:) Üzerine geldiğiniz de beni takip edin yazısınıda görmeniz mümkün. Tabi dilerseniz bu varsayılan yazısını değiştirebilirsiniz.
Siz de bunu sitenize, blogunuza uygulamak isterseniz yapacağınız işlem gayet basit. Öncelikle sayfanızın <head></head> etiketleri arasına aşağıda belirttiğim etiketleri yapıştırıyorsunuz;
<script type=”text/javascript”>
var birdSprite=”<?php bloginfo(‘template_url’); ?>/js/bluetwit.png”;
var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1″,”h2″,”h3″,”h4″,”p”,”code”,”object”,”a”,”b”,”strong”,”span”);
var twitterAccount = “http://twitter.com/…”;
var tweetThisText = “Twitter – ömERgin http://www.omerergin.com.tr/”;
tripleflapInit();
</script>
Yukarıdaki kodlar arasında bulunan “…” kısımı düzenliyorsunuz ve Twitter kullanıcı adınızı yazıyorsunuz. “Twitter – ömERgin http://www.omerergin.com.tr/” kısmınıda kendinize göre düzenleyebilirsiniz.
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/Twitter-terbang.js”></script>
Bu js kodumuza da <head></head> etiketleri arasına yerleştiriyoruz. Burada temanızın içinde js klasörü varmış gibi farzettim ve ona göre bir yol belirledim. Bu bağlantı yolunu kendinize göre değiştirebilirsiniz.
Bundan sonrası için js dosyamızı ve resim dosyamızıda alıp ftp de ilgili kısımlara gönderiyoruz ve işlemi tamamlıyoruz.
JS dosyası: Buradan
Resim Dosyası: Buradan
Evet bu kadar basit, güle güle kullanınız
Comments of this post
Faillathelf
26 Mayıs 2011
Iyi bir baslangic
burak
23 Eylül 2011
hoş bir uygulama kişisel bloglar da kullanılabilir.