Sitenize Facebook Beğen Butonu Ekleme Kodu - Hareketli Facebook Beğen Eklentisi

Sitenize Facebook beğen Kodu Ekleme artık çok basit bir işlemdir fakat bilmeyen biri için oldukça da zor bir işlemdir. Bu nedenle bilmeyen arkadaşlarımız için facebook beğen butonu nasıl eklenir sorusunun yanıtı vermeye çalışacağız. Hatta isteyenler için hareketli facebook beğen butonu kodu da vereceğiz.

• Öncelikle blogger de yapacaksanız, hangi blogunuza uygulayacaksanız o bloga giriş yapın.
• Ardından sol taraftaki menüden ''Yerleşim'' yazan yere tıklayın.
• Oradan bir alan seçip ''Gadget'' ekle seçeneğine tıklayın.
• Orada açılan sayfada Html/Javascript Ekleme seçeneğine tıklayın.
• Açılan sayfada isteğe bağlı olarak başlık girin, daha sonra aşağıda vereceğimiz kodu metin kutusuna yapıştırın.

Normal sitenizin ise Html'sine aşağıdaki kodu ekleyerek aktif edebilirsiniz. İşte blogunuza hareketli facebook beğenme html/javascript kodu eklemek bu kadar basit. Sizler için facebook javaScript kodunu direk vereceğiz ve o kodu alıp gerekli değişimleri yaptıktan sonra rahatça sitenize facebook beğen butonu ekleyebileceksiniz. Facebook beğen butonu ekleme kodu oldukça basit bir şekilde sitenize eklemenize imkan sağlayacağız.


İlginizi Çekebilir = Hosting Nedir ? Ne İşe Yarar ? Neden Hosting Olmalı ?

Facebook beğen ekleme işlemi gerçekleştirebilmeniz için yapmanız gereken işlem çok basit. Aşağıdaki kodu alıp html alanınıza yapıştırın. Facebook beğen butonu ekleme işleminiz bu şekilde çok basit bir şekilde gerçekleştirmiş olacaksınız.

<style>
img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; }
#facebook_div { width: 236px; height: 237px;overflow: hidden; }
/* right side style */
#facebook_right
{
z-index: 10006;
border: 2px solid #3c95d9;
background-color: #fff;
width: 236px;
height: 237px;
position: fixed;
right: -238px;
}
#facebook_right img
{
position: absolute;
top: 56px;
left: -41px;
}
#facebook_right iframe
{
border: 0px solid #3c95d9;
overflow: hidden; position: static;
height: 239px;
left: -4px;
top: -5px;
}
/* left side style */
#facebook_left
{
z-index: 10006;
border: 2px solid #3c95d9;
background-color: #fff;
width: 236px;
height: 237px;
position: fixed;
left: -238px;
}

#facebook_left img
{
position: absolute;
top: -2px;
right: -35px;
}
#facebook_left iframe
{
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 237px;
right: -3px;
top: -4px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js">
</script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<script type="text/javascript">
jQuery(document).ready(function () { jQuery("#facebook_right").hover(
function () { jQuery(this).stop(true, false).animate( { right: 0 }, 500); },
function () { jQuery("#facebook_right").stop( true, false).animate( { right: -238 }, 501); }); });
</script> <br />
<div id="on"> <div id="facebook_right" style="top: 28%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGnNVcBod5yI7amXb0cie499fgIc6qhxzVn5PgDNZYDUhS7WhyphenhyphenPKi0FZyA-YG_STDmjYSVSUS6M41s0nTapfNUObCmyn6aDQOXQWJLCovsBGs4UgTQzb6RjbFlJyXTMmgdyTXRQxD4kE/w40-h130-no/Facebook+like+menu.gif" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkurgugucu&amp;width=251&amp;height=251&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 251px; overflow: hidden; width: 251px;"></iframe>
</div></div></div>

Not : Kırmızı ile gösterdiğimiz alana ise kendi facebook adresinizi girin. İsteğe göre Facebook görselinin boyutunu kodun içinden değiştirip sitenize göre ayarlayabilirsiniz.

Farklı bir facebook beğen kodu eklemek isteyenler için diğer kod ise

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fkurgugucu&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

Yukarıdaki yeşil ile yazılmış yere kendi facebook sayfanızın adını yazın. Ardından direk linki kopyalayıp Html/JavaScript alanınıza yapıştırın. Görüntü yukarıdaki gibi olacaktır. Boyutunu kodun içindeki rakamları değiştirerek sitenize göre ayarlayabilirsiniz. İşte facebook beğen eklentisi bu kadar basit bir şekilde sitenize ekleyebilirsiniz.