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

Etsy’de Satış Yapmak için Canva’yı Kullanma Rehberi

Canva, yeni başlayanlardan uzmanlara kadar uzanan dijital içerik oluşturucuların güzel tasarımlar oluşturabileceği bir platformdur. Bir…

2 hafta önce

Tek Konulu ve Çok Konulu Bloglardan Para Kazanma

Genel olarak, trafik seviyesinin aynı olduğu varsayıldığında, tek bir konu blogu çok nişli bir blogdan…

4 hafta önce

Para Kazanma Odaklı Blog Konusu Seçimi

İster tek konulu bir blog, ister çok nişli bir blog yazmaya başlayacak olun, ele alacağınız…

1 ay önce

Tek ve Çok Konulu Bloglar İçin Bloglama Giderleri

Blog yazmanın tek gerçek maliyeti, bir alan adı kaydettirmek ve barındırma için ödeme yapmaktır. Maliyetler tek konu…

2 ay önce

Tek Konulu ve Çok Konulu Blog ile Pazarlama Fikirleri

Pazarlama, hedef kitlenizi büyütmenize, trafiği artırmanıza ve içeriğinizi görmeyecek yeni okuyuculara ulaşmanıza yardımcı olur. Bir blog…

2 ay önce

Tek Konulu ve Çok Konulu Blog Yazmanın Artıları ve Eksileri

Artıları Bazı durumlarda içerik oluşturmak daha kolay ve daha hızlıdır - daha fazla içerik seçeneğiniz…

3 ay önce