Web sitenize yan taraftaki gibi Facebook beğeni efekti eklemek isterseniz aşağıdaki kodu Jimdo sitenizin Head bölümüne ekleyin.
<style type="text/css">
/*<![CDATA[*/
/* Site Efektleri */
#Fbook {
z-index: 10000;
background: url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/ifafb66a8c12898ec/1360661857/std/image.png) no-repeat;
display: block;
position: fixed;
left: -80px;
top: 500px;
width: 120px;
padding: 102px 0px 5px;
cursor: pointer;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
#Fbook:hover {
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-o-transform: translateX(80px);
-ms-transform: translateX(80px);
transform: translateX(80px);
}
/*]]>*/
</style>
Aşağıdaki kodu da bir bileşenler / HTML öğesi içerisine kopyalayarak sitenizin kenar çubuğuna yerleştirin.
<div id="Fbook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.SiteEfektleri.jimdo.com&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=80"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;"></iframe>
</div>
Artık tek yapmanız gereken işaretli alana site adresinizi girmek.
Eğer en alttaki efekt gibi daha sade bir Facebook beğeni kutusu kullanmak isterseniz hemen alttaki kodu sitenizin Head bölümüne kopyalayın.
<style type="text/css">
/*<![CDATA[*/
/* Site Efektleri */
#Fbooksimple {
z-index: 10000;
background: url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/iec9e94aaba16fab5/1362117072/std/image.png) no-repeat;
display: block;
overflow: hidden;
position: fixed;
left: -95px;
top: 400px;
width: 120px;
padding: 20px 10px 10px;
cursor: pointer;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
#Fbooksimple:hover {
-webkit-transform: translateX(90px);
-moz-transform: translateX(90px);
-o-transform: translateX(90px);
-ms-transform: translateX(90px);
transform: translateX(90px);
}
/*]]>*/
</style>
Şimdi bu kodu da bir bileşenler / HTML öğesi ile sitenizin kenar çubuğuna ekleyin. Eğer bu efektin tüm sayfalarda değil de sadece belirli sayfalarda görülmesini istiyorsanız, HTML öğesini ilgili sayfaların içerik kısımlarına yerleştirin.
<div id="Fbooksimple">
<iframe src=
"http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.SiteEfektleri.jimdo.com.&layout=box_count&show_faces=true&width=450&action=like&colorscheme=light&height=80"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;"></iframe>
</div>
Son olarak işaretli alana site adresinizi girin.
Kod ile ilgili soru ve yorumlarınızı buradan iletin.
Mavi Radyo (Saturday, 27 June 2020 13:25)
harika bir site çok beğendim.Emeğinize sağlık
apkdowlnload (Friday, 07 November 2014 09:17)
Olmadı Bir Yardım Et Lütfen !
gelecekyapi (Wednesday, 27 August 2014 13:42)
yardımınız işe yaradı. çok teşekkür ederim
Site Efektleri (Wednesday, 27 August 2014 13:40)
Merhaba SevvalMobilya,
Yukarıdaki efektin head bölümüne yerleştirdiğin kısmında şu kısmı bul:
top: 500px;
ve bunu şu şekilde değiştir:
top: 200px;
bu sayıyı azalttıkça facebook öğesi üste doğru kayar.
Kolay gelsin.
sevvalmobilya (Wednesday, 27 August 2014 13:28)
hayırlı günler. bir sorunla karşılaştım da size sormak istedim. iletişim kutusu ve face kutusu koydum ancak ikisi üst üste geldi. bunları nasıl alt alta getirebilirim acaba. bu konu da yardımcı olursanız sevinirim. şimdiden teşekkür ederim