Aşağıda sayfa ile beraber kayan Facebook beğen kutusu

Bu eklentiyi internette dolaşırken bir hekim sitesinde buldum. Daha doğrusu Serhat arkadaşım söyledi. Hemen bir baktım. Güzel bir şeye benziyor. Blogcuların da hoşuna gidebileceğini düşündüm.

Elimizde iki adet kod var. Bir adet CSS ve bir adet HTML kodu.

İlk önce CSS’yi sizlerle paylaşayım.

.bottombar{margin-top:10px;position:relative;text-align:center;z-index:80;display:none;width:319px;height:79px;background:transparent url('http://4.bp.blogspot.com/-NLz0TpJjKU4/TvsGRZltb4I/AAAAAAAADC8/J07SxTDA6m8/s1600/facebook-begen-butonu.png') no-repeat;position:fixed;bottom:0;border:none
}

.followUs{position:absolute;left:110px;top:10px;width:115px;height:50px;background-color:transparent
}

Bu kısımdaki resim linkini kendinizinkiyle değiştirmenizde fayda var.

Yukarıda verdiğim CSS kodundaki margin değeri sitenize göre değişikli gösterebilir. O kısmı siz ayarlayabilirsiniz.

Şimdi sıra HTML kodunda

<div class='bottombar' style='left: 515px; display: block; '>
<div id='faceApi' style='padding-right:170px;padding-top:30px;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:like class=' fb_edge_widget_with_comment fb_iframe_widget' font='arial' href='http://www.facebook.com/FurkanOzdenTR' layout='button_count' show_faces='true' width='100'/><a class='followUs' href='http://furkanozden.blogspot.com/p/about.html' rel='#overlay' target='_blank'/>
</div>
</div>

Burada da http://furkanozden.blogspot.com/p/about.html bu kısmı kendi linkinizle değiştirin. Takip et, iletişim veya hakkımda sayfası olabilir. Veya direkt facebook sayfanızın linki olabilir. http://www.facebook.com/FurkanOzdenTR bu kısmı da kendi facebook adresiniz ile değiştirin. Kolay gelsin 🙂 Kalın sağlıcakla.

5 / 5 ( 1 vote )
Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden
Etiketler: Facebook

Son Gönderiler

Pırlanta Bileklik Modelleri

Eski çağlarda kadınlar kendilerini güzel hissetmek için bazı malzemeler ile takılar üretir ve kullanırdı. Hayvan…

1 hafta önce

Yağlı Boya Kullanımı

Yağlı boya çok fazla yüzeye uygulanabilen özellikte boyalardır. Son derece kolay ve pratik bir şekilde…

2 hafta önce

LCD Ekranlı Button Box Yaptım

İlk yaptığım buton kutusundan yaklaşık bir sene geçti. İhtiyaçlar ve tecrübeler doğrultusunda bir tane de…

3 hafta önce

Film ve Dizi Tercümesi

Keyifli vakit geçirmenin en güzel yollarından olan filmler ve diziler günümüzde eğlence sektörünün önemli bir…

4 hafta önce

Steam Oyun Koleksiyoncusu Vitrinine Oyun Ekleme Nasıl Yapılır?

Steam her geçen gün kendini yeniliyor ve son gelen güncellemelerle birlikte arayüzde oldukça fazla değişikliğe…

4 hafta önce

Dürüst Hırsız (2020) Film İncelemesi

Dürüst Hırsız, hayatını banka soyarak geçiren bir hırsızın bir kadına aşık olduktan sonra teslim olma…

1 ay önce