Tumblr'a Facebook Beğen Butonu Ekleme | Like Button

Bunu yapmak diğerlerine göre biraz daha zor çünkü yerini falan biz ayarlıyoruz ve 2 farklı yere kod ekliyoruz o yüzden biraz dikkatli okumanız gerekiyor. 

Geri dönüşüme göre yakın bir süre içerisinde twitter versiyoda eklenecektir.

Öncelikle aşağıdaki kodu, normal diğer kodları eklediğimiz gibi ekliyoruz.

Kodu eklemeyi bilmeyenler Ana Sayfadan veya sağdaki bölümden gerekli anlatımı bulabilirler.

Kod:

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=436796466357455";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div id="likebutton">

<div class="fb-like" data-send="false" data-layout="box_count" data-width="80" data-show-faces="false"></div></div>

</head> diye veya </body> kodlarının hemen üstüne yapıştırınız kodu.

Bundan sonra ise diğer CSS kodunu yapıştırıcaz.

Bu kodu da </style> kodunun üstünde bir yere yapıştırıcaz

Daha önce bu bölüme kod eklemediniz muhtemelen o yüzden dikkatlice inceleyin

Dikey olarak çizdiğim çizgiler style kodlarının başı ve sonu,

seçili olan kod bizim ekleyeceğimiz kod

Kodumuzu diğer kodlarını bitişinin herhangi bi yerine ekleyicez, onları da yatay olarak çizgilerle gösterdim 

yatay çizgili bölümlerden herhangi birine koyabiliriz,

 bunu style kodunu bulamazsanız eğer diye anlatıyorum bazen temaları çok karışık yapıyorlar o yüzden yukarıdakilere benzer kodların hemen sonuna bi yere yapıştırabilirsiniz sorun olmaz.

Genelde # ile başlar. Ve her zaman } ile biter. } parantezden sonraki herhangi bir yere yapıştırabilirsiniz.

Neyse ekleyeceğimiz kod: 

#likebutton { position:fixed; z-index:1000; float:left; margin-top: 100px; margin-left: 40px; }

bu kod sol tarafa koyar, eğer sağ tarafa koyacaksanız;

#likebutton { position:fixed; z-index:1000; float:right; margin-top: 100px; margin-right: 40px; }

BİTTİ. 

İsteyen devam edebilir buradan sonra

Yerini tam olarak nasıl değiştireceğinizden bahsedeyim bir de;

Şimdi kodumuz 

#likebutton { position:fixed; z-index:1000; float:left; margin-top: 100px; margin-left: 40px; }

eğer dikkatle incelerseniz

margin-top: 100px;

ve 

margin-left:40px;

yazıyor.

Mantık çok basit aslında

margin-top:100px;

demek;

bu butonu yukarıdan 100 pixel aşağı iktir demek.

Yani

margin-top:200px; yaparsanız;

buton 200 pixel aşağıda olacaktır.

Öteki de aynı mantık.

margin-left:40px; demek, soldan 40 pixel iktir demek.

margin-left: 80px derseniz soldan 80 pixel iktirecektir.

içerisindeki diğer kodlar ise;

position:fixed;

bu; butonu sabitle demek, yani aşağı kaydırdığınızda butonda sizinle gelecektir.

sabit kalmasını istiyorsanız;

position:absolute;

olarak değiştirebilirsiniz.

Bir diğer ise:

float:left;

bu da, bu butonu sol taraftan iktir demek.

Sağ tarafta görünsün istiyorsanız,

flaot:right;

olarak değiştiriniz.

float:right; olarak değiştirirseniz margin:left; değerini de margin:right; olarak değiştirmelisiniz.

Eğer takılırsanız yorum olarak belirtiniz.

Beğen butonunun farklı versiyonları vardır, bu kod sadece bulunuğu sayfayı beğendirir, sabit bir yeri beğendirmek istiyorsanız yorum olarak belirtiniz