9 Ocak 2014 Perşembe

Twitter Takipçi kutusu - Yeni


♦ Blog ve Web Siteleri İçin Yeni Twitter Takipçi kutusu
♦ New Twitter Followers/FanBox Widget With Faces For Blog And Website

Öncelikle belirtmek isterim; bu facebook gibi Twitter inc resmi eklentisi/Widget değildir. Bu eklenti MusicPaax tarafından oluşturulmuştur. Sitenizin tasarımına uyacak şekilde Twitter'da takip kutusu eklentisini özelleştirerek kullanılabilir seçenekleri vardır. Bu Facebook like-box tarzı widget basit ama güçlü bir jQuery eklentisi. Daha önce Mark carey tarafından geliştirilen eklenti son bulmasından sonra bu güzel bi alternatif. Yandan açılır sosyal medya takipçi Kutusu 3 in 1 yazımda çok sorulan "twitter çalısmıyor" sorununu bu eklentiyle çözecez.


Özellikler:
1.) Facebook gibi basit Takip Kutusu.
2.) Takipci resimleri
3.) Takip et Buttonu.
4.) Hızlı yüklenme, Harika görünüm ve özellikler.
5.) IFrame ve JavaScript ile 2 Style Kodu.
6.) Tamamen özelleştirilebilir.
7.) Açık Kaynak.
8.) Kısa ve anlaşılır Kodu.
9.) Ekstra CSS de ekleyebilirsiniz.
10.) Çapraz Tarayıcı Çalışma.
Açıklama:
1.) İlk önce bu siteyi açalım. (Twitter FanBox).
2.) Şimdi aşağıdaki sayfa açılacak, burada "Kod Oluştur" Butonuna basıyoruz.
Kod olustur

3.) Twitter Apps sayfasına yönlendirileceksiniz, "Giriş Yap" Buttonuyla hesabınıza giriş yapın ve uygulamaya izin verin.
giris yap

4.) Aşağıdaki ekran görüntüsünde görüldüğü gibi şimdi birkaç saniye için bu sayfayı göreceksiniz. Bekle ve sonraki Adıma geç...
yonleniyorsunuz

5.) Twitter FanBox ana sayfamıza geldik, isteğinize göre formu doldurun ve kodunuzu oluşturun.
twitter fanbox

Blogger'a Ekleme?
1. Kumanda paneline giriş yapın.
2. Yerleşim › Gadget ekle › HTML/Javascript bulun.
3. Oluşturduğunuz kodu kopyalayıp yapıştırın.
Not:
Eğer eklentinin altındaki footer bölümünde yazan "MatiasMX tarafından plugin" yazısını istemiyorsanız, aşağıdaki iframe yada javascript kodlarından birini kullanın!
Frame Kodu:
Bu Twitter Takipçileri Kutusu Frame kodu içinde kullanımı.
<iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:239px;" allowTransparency="true"> </iframe>

JavaScript Kodu:
Bu Twitter Takipçileri Kutusu JavaScript versiyonu.
<div id="twitter-box"></div> <script> var tw_user = 'MeftunMEDE'; var tw_width = 290; var tw_height = 239; var no_face = 20; (function() { var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true; tw_box.src = 'http://meftun-mede.googlecode.com/svn/trunk/tw.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box); })(); </script>

Özelleştirme:
1.) Twitter kullanıcı adını tw_user= MeftunMEDE değiştirin.
2.) Width,Height,No face ve Color alanlarını arzunuza göre değiştirebilirsiniz.
3.) Style kodunda daha fazla CSS stil kolaylıkla ekleyebilirsiniz.
4.) kaydedin ve bitti.

Hiç yorum yok:

Yorum Gönder