Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin
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.
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFJInI-FDW3rXIQO0SXAjGv_w9pgYJZBsJwIAwnwiDF9yr2-HQYo68z2jEP64Wrm3azfFGs2B5zbmI9MEidZJlu6pa6ctjTNxuwTC74kjxjSPt6nko-_Za3lQn_fNhvhpq-GnfDG4kpOcA/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&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&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.
tşkler hocam güzel paylaşım
YanıtlaSilHocam 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ıtlaSilBöyle şeyler duyuyorum, okuyorum hiç denemedim denemem de.Kimseye de tavsiye etmem böyle fake işleri.
YanıtlaSilTeşekkürler serdar abi.
YanıtlaSil@adsız:
YanıtlaSilBu ş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.
Aynn bende bir siteye girdim mousun olduğu her yerde bepen varıd çok nefret ettirici bir durum :(
YanıtlaSilBö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...
YanıtlaSil[http://www.komedi-alemi.blogspot.com/] Çok yakında sizlerle
hocam bnm sorunun çözmek mümkünmü 2 gönderide soru;)
YanıtlaSilArkadaş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.
YanıtlaSilTeşekkürler.
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ıtlaSilKodları kontrol ettim sorun gözükmüyor.Hatta denenmek için başka bir bloga ekledim, çalıştı.Tekrar deneyin isterseniz.
YanıtlaSilMerhabalar 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ıtlaSilTemada problem var 1-2 güne kadar sorun düzelmiş olacak,uğraşıyorum.
YanıtlaSilteşekkürler çok da güzel oldu.eline sağlık
YanıtlaSilHocam bloguma ekledim, çalışıyordu. Ancak bir slider ekledim. şimdi sağ tarafta sabit duruyor. açılır özelliğini kaybetti. ne yapmam gerekir?
YanıtlaSilEklediğiniz slider kodlarıyla bunu kodları çakışmış olmalı.Birinden vazgeçeceksiniz.
YanıtlaSilbunu web sayfamıza uygulayabilirmiyiz.
YanıtlaSilEvet uygulayabilirsiniz.
YanıtlaSilçok teşekkürler.
YanıtlaSilhocam 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@kemalsunalfilmi hata mesajını yazabilirmisiniz?Scriptte sorun yok çünkü çalışıyor.
YanıtlaSilhocam işte bu yazı çıkıyor :
YanıtlaSilCould 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 :)
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ıtlaSilevet hocam aynen şu adresim:
YanıtlaSilhttp://www.facebook.com/pages/Kemalsunalfilmi/245841408809864
bunu ekledim olmadı sonundaki id i sildim ekledim yine olmadı nerde hata yapıyorum anlamadım
Öncelikle bu adrese gidip facebook.com/sayfaismi şeklinde bir isim alın.Daha sonra bloghocam yerine o ismi yazın.
YanıtlaSil:) çok teşekkür ederim oldu sonunda ben bunu hiç bilmiyordum sağolun.
YanıtlaSilhocam 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ıtlaSilpardon yanlış yerde sordum soruyu :D
YanıtlaSilArkadaşım çalıştırdım cok teşekkürler.
YanıtlaSilçok yararlı bir kod teşekkürler..
YanıtlaSilhocam bunu fare üzerine gelince açılmasından yana değilde tıklayınca açılmasını sağlayabilirmiyiz şimdiden teşekkürler..
YanıtlaSilsağ ol.
YanıtlaSilteşekkürler. çok iş gördü :)
YanıtlaSilüstadım büyüksün yav ;)
YanıtlaSilbende facebook yazısı var fakat facebook yazısı sola doğru kaymıyor. sabit duruyor. nasıl düzeltebilirim.
YanıtlaSil@Huseyin Ünlü
YanıtlaSilŞablona başka jquery eklediysen onu kaldır.
Could not retrieve the specified page. Please verify correct href was passed in. Bu hatayı verıyor bu ne ?
YanıtlaSil@Merter250
YanıtlaSilFacebook sayfa ismini hatalı yazmışsın.
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@VAHDİ MUSTAFA SARI
YanıtlaSilFacebook 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.
böyle olcak serdar bey düzeltin yanlış yazmışsınız çalışmaz
YanıtlaSilhead kodunun başı böyle olcak
</
hocam bunu bi türlü beceremedim ben.
YanıtlaSilhocam yardım eder misiniz ?
YanıtlaSil@turbopaylas
YanıtlaSilTabi, seve seve. Nasıl yardımcı olabilirim?
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.
YanıtlaSilSabit facebook beğen kutusunun duruşunu canlı olarak görmek isteyenler bloguma göz atabilirler.
Tekrar teşekkürler.
http://kulupyelken.blogspot.com
çok teşekkürler
YanıtlaSileyw hocam
YanıtlaSilMerhaba, 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