Facebook Like düğmesinde yeni özellikler ( Tavsiye et )

Bundan önceki yazımızda tanıttığımız Facebook Like beğen butonuna eklenen yeni özelliklerle daha inter aktif hale getirilmiş. Standart butonda düğmeye tıklanıldığın da konuya ait yazılar veya resimler paylaşılamıyordu.


Fakat şimdi tanıtacağımız Tavsiye et düğmesi ile Aynen Facebook Like butonunda olduğu gibi blog ziyaretçileriniz yazılarınızı beğenebildikleri gibi, isterlerse yorum ekleyerek kendi Facebook hesapların da yazılarınızı paylaşabiliyorlar.

Tavsiye butonundaki diğer bir özellikse yazılarınızı beğenen Facebook kullanıcılarının birer resimlerini göstere biliyor olmanız.

Uygulamayı kendi blog’uğunuza ekleyebilmek içinse aşağıdaki adımları takip etmeniz yeterli.

Aşağıda bulunan kodları kopyalayın

</pre></div><br><br><strong>2.Adım</strong> <br><div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0BTX7HP61_q9hDIS5p55E5JNh8PWbM_QWe0JPJps1d8Nvcb0PwOK9Xxlz8zhwS1qWAHgp3ZhI9NEPJP6TiZUMmU4IuELHIO0f1v4GSi0sXcIAx7_3qQ6Ta85gVW42WX4CV7WlF_F4ew/s1600/htmleyi-duzenle.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0BTX7HP61_q9hDIS5p55E5JNh8PWbM_QWe0JPJps1d8Nvcb0PwOK9Xxlz8zhwS1qWAHgp3ZhI9NEPJP6TiZUMmU4IuELHIO0f1v4GSi0sXcIAx7_3qQ6Ta85gVW42WX4CV7WlF_F4ew/s640/htmleyi-duzenle.jpg" width="532" border="0" height="131"></a></div>           <br>Kodu kopyaladıktan sonra sırası ile  <a href="home"><strong>Kumanda Paneli</strong></a><strong> ➜ Tasarım ➜ HTML’yi Düzenle </strong>yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle ulaşıyoruz.  <br> <br><div class="subtitle">Yapacağımız işlemlere başlamadan önce <span style="color: red;">Tam şablon yükle </span>yazan  bağlantıyı kullanarak Blog şablonunuzu yedeklemenizde fayda var. Daha  sonra yapacağınız her hangi bir hata sonrası şablonunuzu geri yükleyerek  yapmış olduğunuz tüm değişiklikleri geri alabilirsiniz. </div><br>Butonun hemen yazılarınızın altında görünmesi için  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcUEb5XV3xZT-Pl2Ki4Y_tUsEouIX7H6J1OOixaSBwkz-SjitWh6i5TtmoXlIt6YFyKld1XyZXMWbSYpg54UV5IU3nnVvgK3DRrpW5UR55DNgSx7PAeyUxVSJ3SyAMAPLYDW-4mH64o1tr/s1600/i%C5%9Faretli.png"><img title="işaretli" style="border-width: 0px; display: inline;" alt="işaretli" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcUEb5XV3xZT-Pl2Ki4Y_tUsEouIX7H6J1OOixaSBwkz-SjitWh6i5TtmoXlIt6YFyKld1XyZXMWbSYpg54UV5IU3nnVvgK3DRrpW5UR55DNgSx7PAeyUxVSJ3SyAMAPLYDW-4mH64o1tr/s1600/i%C5%9Faretli.png" width="13" border="0" height="13"></a> <strong>Widget şablonlarını genişlet</strong> yazan kutucuğu işaretledikten sonra aşağıdaki kodu bulun.  <br><br><div class="code"><div class='post-footer'></div><br><div class="subtitle">[ Klavyedeki <span style="color: rgb(255, 0, 128);">Ctrl +F</span> tuşuna aynı anda basarak açılan arama formunda Kodu aratarak daha hızlı bir şekilde bulabilirsiniz ]</div><br><strong>3.Adım</strong>  <br><strong><div class='post-footer'></strong> ifadesini bulduktan sonra hemen üzerine gelecek şekilde  <br><strong>1. adımda</strong> kopyaladığınız kodu yapıştırın ve kaydedin.  <br><br><strong>Bu şekilde görünecek</strong>  <br><a href="$2010-06-30_014541%5B4%5D.png"><img title="2010-06-30_014541" style="border-width: 0px; display: inline;" alt="2010-06-30_014541" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiordGOWOgGtspQkCw0U4NFVeJ7ZhHPyHXwFv2Ea5Ulr0dxpu6WxEpyZ4-016zxeRY4RinYghiZ4xhA6KCxVBF2v3mBJNBkB0rg6lf-xhdVGcFCQqjycoNHXuphuregit1gYs-OhWmk5q_L/s640/2010-06-30_014541.png" width="580" border="0" height="123"></a> <br><br>Kodu yapıştırdıktan sonra yazılarınızın hemen altında aşağıdakine benzer bir düğme görünecektir ❖