23 Aralık 2011 Cuma

Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin

48 yorum

Blogunuza floating yani yüzen ( ben sabit diye adlandırıyorum ) bir Facebook beğen kutusu ekleyebileceğiniz güzel bir script buldum ve sizlerle paylaşmak istedim.

Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin

Scriptin çalışması şu şekilde: Blogunuzun sağ tarafında bir Facebook yazısı görünüyor.Sayfayı aşağı yukarı kaydırsanız bile o yazının yeri hiçbir zaman değişmiyor.Yazının üzerine geldiğinizde ise Facebook sayfanıza ait beğen kutusu açılıyor.

Eklentinin demosunu aşağıdaki videodan izleyerek nasıl çalıştığını daha iyi anlayabilirsiniz.

Eğer bu eklentiyi beğendiyseniz nasıl kullanacağınızı anlatayım.

1. Blogunuzun şablonundan <head> kodunu bulun ve bunun altına aşağıdaki JQuery kodunu ekleyin.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


2. Sayfa öğelerine giderek HTML/JavaScript gadget’ı olarak aşağıdaki kodları ekleyin.



<script type="text/javascript"> 
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbloghocam&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>


Kırmızı renkle belirttiğim bloghocam yazan yere kendi Facebook sayfanızın ismini yazmayı unutmayın.



Kolay gelsin.

48 yorum:

  1. tşkler hocam güzel paylaşım

    YanıtlaSil
  2. Hocam benim sorum olucaktı bu otolike ile cok az bilgim oldu sitenin tag ına kod eklediğimizde ziyaretci siteyi gezdiğinde rasgele biyere tıkladığında ve face hesabı acıksa otomatik beğeniyormuş bu sistem blogger da işe yararmı forumlarda yardım alamaıyorum dezavantajları neler sorumu cevaplarsanız sevinirim

    YanıtlaSil
  3. Böyle şeyler duyuyorum, okuyorum hiç denemedim denemem de.Kimseye de tavsiye etmem böyle fake işleri.

    YanıtlaSil
  4. @adsız:

    Bu şekilde istemeden 2-3 sayfayı beğenmiştim.. Bu beni çok sinirlendirmişti ve sayfalarına girip tek tek her birinin duvarına hakaret dolu cümleler yazmıştım..

    Yani böyle şeyleri tavsiye etmem, Sen emek verip yararlı, güzel şeyler yapıyorsan beğenen beğenir zaten.

    YanıtlaSil
  5. Aynn bende bir siteye girdim mousun olduğu her yerde bepen varıd çok nefret ettirici bir durum :(

    YanıtlaSil
  6. Böyle şeyler size yarardan çok zarar sağlar bence adam mesela bir yazı okuyor ordan burdan yazılar cıkıyor filan adamı siteden soğutur...

    [http://www.komedi-alemi.blogspot.com/] Çok yakında sizlerle

    YanıtlaSil
  7. hocam bnm sorunun çözmek mümkünmü 2 gönderide soru;)

    YanıtlaSil
  8. Arkadaşlar rica ediyorum yazının altında ki yorum bölümüne sadece yazıyla ilgili yorumlar yazın.Eğer başka bir konuda sorunuz varsa iletişim bölümünden iletin.Sanırım hepimiz için daha iyi olacaktır.

    Teşekkürler.

    YanıtlaSil
  9. Merhaba paylaşımınız için çok teşekkür ederim ama ben bir türlü açamadım.şablonumun üzerindeki heat bölümünede ekleme yaptım ama

    YanıtlaSil
  10. Kodları kontrol ettim sorun gözükmüyor.Hatta denenmek için başka bir bloga ekledim, çalıştı.Tekrar deneyin isterseniz.

    YanıtlaSil
  11. Merhabalar ben de bunu blogumda deneyeceğim, daha önce de çok yardımcı olmuştunuz teşekkür ederim; ancak yazılarınızın yerleşiminde bir sıkıntı var sanırım sayfayı tamamen kapladığından paylaşım kısımlarının altında saklanmış gibiler, okunmuoyr. Haberinizin olması gerektiğini düşündüm. Teşekkürler

    YanıtlaSil
  12. Temada problem var 1-2 güne kadar sorun düzelmiş olacak,uğraşıyorum.

    YanıtlaSil
  13. teşekkürler çok da güzel oldu.eline sağlık

    YanıtlaSil
  14. Hocam bloguma ekledim, çalışıyordu. Ancak bir slider ekledim. şimdi sağ tarafta sabit duruyor. açılır özelliğini kaybetti. ne yapmam gerekir?

    YanıtlaSil
  15. Eklediğiniz slider kodlarıyla bunu kodları çakışmış olmalı.Birinden vazgeçeceksiniz.

    YanıtlaSil
  16. bunu web sayfamıza uygulayabilirmiyiz.

    YanıtlaSil
  17. hocam ekledim sayfamda gözüküyor üzerine gelince açılıyor buraya kadar normal ama üzerine gelince begenenler beğen filan yazacağına bir hata mesajı yazıyor. acaba bir eksiklik mi var ?

    YanıtlaSil
  18. @kemalsunalfilmi hata mesajını yazabilirmisiniz?Scriptte sorun yok çünkü çalışıyor.

    YanıtlaSil
  19. hocam işte bu yazı çıkıyor :
    Could not retrieve id for the specified page. Please verify correct href was passed in.
    her türlü sayfa adresimi id imi nem varsa girdim ama olmadı bu yazı çıktı hep :)

    YanıtlaSil
  20. Tamam ikinci verdiğim kodlarda Facebook sayfa adrersinizi yazarken hata yapmışsınız.Sadece bloghocam yazan yeri değiştireceksiniz.Facebook sayfanızın aderesi facebook.com/sayfaismi şeklinde değil mi?

    YanıtlaSil
  21. evet hocam aynen şu adresim:
    http://www.facebook.com/pages/Kemalsunalfilmi/245841408809864
    bunu ekledim olmadı sonundaki id i sildim ekledim yine olmadı nerde hata yapıyorum anlamadım

    YanıtlaSil
  22. Öncelikle bu adrese gidip facebook.com/sayfaismi şeklinde bir isim alın.Daha sonra bloghocam yerine o ismi yazın.

    YanıtlaSil
  23. :) çok teşekkür ederim oldu sonunda ben bunu hiç bilmiyordum sağolun.

    YanıtlaSil
  24. hocam bu eklentinin resimlisini ekledim ama bir sorun var yayınlarımın ana sayfada görünen kısmının altında da çıkıyor her yayının altında var bunu nasıl düzenlerim sadece yayının kalıcı sayfasında görünmesini istiyorum yardımcı olur musunu?

    YanıtlaSil
  25. pardon yanlış yerde sordum soruyu :D

    YanıtlaSil
  26. Arkadaşım çalıştırdım cok teşekkürler.

    YanıtlaSil
  27. çok yararlı bir kod teşekkürler..

    YanıtlaSil
  28. hocam bunu fare üzerine gelince açılmasından yana değilde tıklayınca açılmasını sağlayabilirmiyiz şimdiden teşekkürler..

    YanıtlaSil
  29. teşekkürler. çok iş gördü :)

    YanıtlaSil
  30. bende facebook yazısı var fakat facebook yazısı sola doğru kaymıyor. sabit duruyor. nasıl düzeltebilirim.

    YanıtlaSil
  31. @Huseyin Ünlü
    Şablona başka jquery eklediysen onu kaldır.

    YanıtlaSil
  32. Could not retrieve the specified page. Please verify correct href was passed in. Bu hatayı verıyor bu ne ?

    YanıtlaSil
  33. @Merter250
    Facebook sayfa ismini hatalı yazmışsın.

    YanıtlaSil
  34. sn hocam bende denedim ama sizin kırmızı ile belirttiğiniz yere facebook sayfamızın tam adını da kopyaladm ama blogun yanında bulunan gadget içinde sayfanın tam olarak bulunamadığı belirtiliyor. nerede yanlış yapıyoruz..selamlar

    YanıtlaSil
  35. @VAHDİ MUSTAFA SARI
    Facebook sayfanızın adını yanlış yazmışsınız. Örneğin facebook sayfanızın adresi facebook.com/benim sayfam ise bloghocam yerine benim sayfam yazmalısınız.

    YanıtlaSil
  36. böyle olcak serdar bey düzeltin yanlış yazmışsınız çalışmaz
    head kodunun başı böyle olcak
    </

    YanıtlaSil
  37. hocam bunu bi türlü beceremedim ben.

    YanıtlaSil
  38. @turbopaylas
    Tabi, seve seve. Nasıl yardımcı olabilirim?

    YanıtlaSil
  39. Teşekkürler tüm yazılarınızı vakit buldukça okumaya, bloguma uygulamaya çalışıyorum. Sayenizde henüz başladığım blogum gün geçtikçe daha güzel ve daha işlevsel oluyor.

    Sabit facebook beğen kutusunun duruşunu canlı olarak görmek isteyenler bloguma göz atabilirler.

    Tekrar teşekkürler.

    http://kulupyelken.blogspot.com

    YanıtlaSil
  40. Merhaba, bende uyguladım gerçekten çok güzel duruyor, çok teşekkürler bu ve diğer tüm paylaşımlar için. Facebook eklentisi olması gerekn yerde ve çalışır durumda ancak htlm olarak eklediğim gadget sayfanın sağ tarafında boş bir şekilde duruyor, başlık istemişti ve facebook yazmıştım. Yazıların kopyalanmasını önlemek için önerdiğiniz eklentiyi yaptığımda da aynı şekilde sol tarafta boş bir gadget alanı var ve hoş durmuyor. Bir yerde yanlış mı yapıyorum, nasıl düzeltebilirim. Umarım kısa sürede sorumu farkedersiniz bir an önce düzeltmek istiyorum. blog, http://bebekstyle.blogspot.com.tr/ eğer anlatamadıysam blogtan bakar mısınız.

    YanıtlaSil

Picardes

LİNKLER