Facebook Seperti Butang dan Integrasi WordPress

seperti

Dengan Butang Suka Facebook melancarkan, saya fikir saya akan meluangkan masa malam ini dan mengintegrasikannya ke dalam blog WordPress saya. Saya juga mengintegrasikannya pada a Kompendium blog pelanggan juga malam ini.

Langkah pertama cukup mudah - hanya tambahkan kod iframe ke halaman templat anda (indeks dan tunggal). Oleh kerana halaman indeks anda boleh mempunyai banyak siaran, penting untuk mengubah butang dalam gelung halaman anda sehingga pautan tetap dilampirkan dengan betul.

<iframe src="http://www.facebook.com/plugins/like.php?href=
& layout = button_count & action = like "scrolling =" no "frameborder =" 0 "allowTransparency =" true "style =" border: none; limpahan: tersembunyi; lebar: 250px; tinggi: px ">

Saya juga menyesuaikan lebar dan kemudian melakukan beberapa CSS untuk mengapungkan butang di sebelah Butang Retweet Twitter. Sebab mengapa alat ini sangat hebat adalah bahawa mereka tidak memerlukan log masuk, navigasi, dll. Anda hanya mengklik butang dan anda telah menghantar status ke Facebook (atau Twitter masing-masing).

Selain itu, anda juga boleh memasukkan data meta di tajuk blog anda untuk diekstrak oleh Facebook. Inilah cara saya mengedit tambang:

"/>

Akhirnya, saya berharap dapat melihat seseorang menulis pemalam yang bagus untuk melakukan ini. Saya belum menguji untuk melihat jalan mana yang lebih baik - pendekatan iframe atau SDK JavaScript Facebook kaedah. Sekiranya anda telah mengenal pasti pemalam yang bagus untuk menguruskan perkara ini, beritahu saya!

13 Komen

  1. 1

    Saya ada soalan untuk anda, Bromance:

    2 malam yang lalu saya cuba bermain dengan kotak seperti facebook saya (dahulunya widget peminat facebook) untuk “bagaimana saya menerbitkan buku blues. mudah-mudahan "halaman peminat dan sekarang ia tidak akan dimuat. Ia melakukan apa yang dilakukannya di Mashable sekarang… atau WAS lakukan pada awal Sabtu petang.

    Adakah ia bertentangan dengan Tesis? GRRRR

  2. 2
  3. 3
  4. 4

    Terima kasih Jack! Tidak pasti apa yang saya lakukan, tetapi sebenarnya saya tidak melihat butang muncul semasa saya menggunakan pemalam.

  5. 5

    Tidak semestinya ada konflik sama sekali - tetapi mungkin memerlukan beberapa perubahan besar dengan CSS untuk mencari butang di mana anda memerlukannya. Saya mengalami masa yang sukar.

  6. 6
  7. 7
  8. 8

    Jack, terima kasih kerana berkongsi yang itu. Saya tidak melihatnya, kelihatan hebat. Saya mesti memasangnya dan memeriksanya.

  9. 9
  10. 10

    Tetapi kodnya nampaknya tidak lengkap kerana II telah menyalin kod ini ke laman mu wp. Saya rasa saya perlu menambahkan beberapa perkara untuk membuatnya berfungsi di halaman saya.

  11. 11

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.