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

T129 ATAK War Thunder’a Geliyor!

T129 ATAK, İtalyan A129 Mangusta taarruz helikopterinin yerli olarak modifiye edilmiş ve Türkiye tarafından Türk…

1 hafta önce

Android Hakkında 5 Şehir Efsanesi

Android işletim sistemi uzun süredir piyasada ve milyonlarca insan tarafından kullanılıyor. Doğal olarak, yıllar içinde…

3 hafta önce

Her Gün Uyandığınızda Nasıl Motive Olursunuz?

Pazartesi sabahı alarmınız çaldı. O anda nasıl motive olacağınızı biliyor musunuz? Gözlerinizi ilk açtığınızda aklınıza gelen düşünce nedir? Kalkıp…

1 ay önce

LearnPress ve TutorLMS Karşılaştırması

Mükemmel WordPress LMS eklentisini seçmek ciddi bir emek ister. Sitenizi belirlediğiniz eklenti ile kurduktan sonra…

2 ay önce

Teknolojik Gelişmelerin Türkçe’ye Olan Etkisi

Türkçe binlerce yıldır farklı coğrafyalarda yoğurulup, farklı kültürlerle harmanlanıp günümüze kadar geldi ve bugünkü halini…

2 ay önce

Trambolin Parkı Hediyesi Nereden Alınır?

Kim demiş, kanatsız uçamayız, diye! Trambolin gibi bir gerçek varken üstelik! Evet, bize uçuyor hissi…

3 ay önce