Menu

Blogger Hareketli Facebook Eklenti Widget

Blogger Facebook taki takipçi ve beğeni sayısını artırmanın en etkili yollarından birisi Facebook eklentilerini Blogger da kullanmaktır,bu eklentiler ne kadar göze güzel gelirse tıklanma oranları o derece yüksek olur.

Blogger Hareketli Facebook Eklenti Widget eklentisi sitenizin sağ tarafında aşağıdaki animasyonda olduğu gibi üzerine açılan ve Facebook yazısının animasyon şeklinde sürekli olarak değişmesiyle oluşturulmuştur.

Blogger Hareketli Facebook Eklenti Widget


Blogger için Css kodları ile oluşturulmuş bu Blogger Hareketli Facebook Eklenti Widget Eklenti Kodlarının nasıl göründüğünü ve kodların çalışıp çalışmadığını test etmek için kod deneme penceresini kullanabilirsiniz.Kod Deneme Penceresi

Css kodları ile oynayarak site tasarımınıza uygun şekli ve renklerini de kendinize göre,zevkinize göre ayarlamak da mümkündür.

Ayrıca daha önce yayınladığımız aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.


Blogger Hareketli Facebook Eklenti Widget

Blogger Hareketli Facebook Eklenti Widget Eklenti Kodları sitenize yüklemek için,ilk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.


Blogger Hareketli Facebook Eklenti Widget

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Blogger Hareketli Facebook Eklenti Widget Eklenti Kodları Eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<style>
img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; }
#facebook_div { width: 235px; height: 236px;overflow: hidden; }
/* right side style */
#facebook_right
{
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 235px;
height: 236px;
position: fixed;
right: -239px;
}
#facebook_right img
{
position: absolute;
top: 55px;
left: -42px;
}
#facebook_right iframe
{
border: 0px solid #3c95d9;
overflow: hidden; position: static;
height: 236px;
left: -2px;
top: -3px;
}
/* left side style */
#facebook_left
{
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 235px;
height: 236px;
position: fixed;
left: -239px;
}
#facebook_left img
{
position: absolute;
top: -2px;
right: -35px;
}
#facebook_left iframe
{
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 236px;
right: -2px;
top: -3px;
}
</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: -239 }, 500); }); });
</script> <br />
<div id="on"> <div id="facebook_right" style="top: 28%;">
<div id="facebook_div">
<img alt="" src="https://lh5.googleusercontent.com/-gS01MAySJ1o/U_-vdcOHfTI/AAAAAAAALQ4/thieJEHxffI/w40-h130-no/Facebook%2Blike%2Bmenu.gif" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fseomktbi&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe>
</div></div></div>


Blogger Hareketli Facebook Eklenti Widget Düzenleme:

Facebook için sarı olarak belirtiğim seomektebi yazdığım yerlere kendi sosyal medya adreslerinizi yazınız.

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Hareketli Facebook Eklenti Widget "

Önerilen Yazı
×