Rabu

cara memasang facebook button di blogger

Masih rpi-rapi dan lanjut, lagi seneng nulis masalah facebook nih, yang mau saya share disini tepatnya "Cara memasang tombol feed/share facebook" seperti bisa anda lihat pada bawah posting saya ini.,
info lain disini : facebook grader

Ya, seperti punya lintas berita, atau digg .
Seperti yg saya katakan pada posting "cara membuat facebook" , maka bermanfaat sekali jika artikel kita publikasikan pada account facebook.

Ini untuk di terapkan di mesin blogspot (blogger.com) , untuk pengguna wordpress, saya belum sempat login/lagi berat , jadi belum ada gambaran spesifik...mungkin in-tips.com atau yg lain mau posting artikel itu..?

langsung saja...
1- Login ke blogger - edit html - centang expand widget - cari kode spt di bawah ini:
<b:if cond='data:top.showAuthor'>

2- Lalu masukan kode di-bawah ini , letakan di atas kode no.1

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

3- Save - Beres...

hasilnya , ikon spt ini :



Kalau mau variasi tampilan-icon lain ,berikut di bawah:
Jika ingin gambar tombol lain:


Cara memasang facebook di blog

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>





<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Bisa juga di ganti tulisan sendiri, misalnya "Share ke Facebook"

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'>Share ke Facebook</a>
</b:if>

2 komentar: