Blogger İçin Facebook Beğen Kutusu

Facebook beğen kutularının arasında bu kodlar hoşunuza gidecek. Klasik beğen kutularının kodlarıyla oynanmış, hoş bir görünüm kazandırılmış Facebook Like Box diyebiliriz.

Bu kutuyu Blogger hesabınızda kullanmak istiyorsanız aşağıdaki yolu takip edin.

1. Blogger hesabınıza girin. 
2. Yerleşim sekmesine gidin.
3. Gadget ekle deyip HTML gadgeti ekleyin.
4. Aşağıdaki kodları yapıştırın

<style>
.mbhFBv2{width:280px; height:200px; border-radius:3px; position:relative; padding:5px 10px 15px 0; background:#fbfbfb; border:1px solid #cecece}
.mbhFBv2:before{background:#fbfbfb; border:1px solid #cecece; content:""; position:absolute; bottom:-3px; left:2px; right:2px; height:1px}
.mbhFBv2:after{background:#fbfbfb; border:1px solid #cecece; content:""; position:absolute; bottom:-5px; left:4px; right:4px; height:1px}
</style>
<div class="mbhFBv2">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/10linenet&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23fbfbfb&stream=false&header=false&" style="border:none; overflow:hidden; width:287px; height:210px;" ></iframe>
</div>

Değiştirmeniz gereken 10linenet yazan kısım. Diğer kırmızı yerler eğer blogunuza uymuyorsa değiştirin.

Ben bunu kullanmam bana Facebook'un orjinal like box kodları lazım diyenler için aşağıdaki kodlar uygun olacaktır. Aşağıdaki orjinal Facebook Like Box kodlarını Facebook Like Box adresinden kendinizde edinebilirsiniz.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/10linenet&amp;width=268&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=166797726745466" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:268px; height:258px;" allowTransparency="true"></iframe>

Orjinal Like Box'ın görünümü aşağıdaki gibidir. Herhangi bir sıkıntı yaşadığınızda lütfen bildirin.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.