Cara Menambah Suka Facebook ke Blogger (dengan Gambar)

Isi kandungan:

Cara Menambah Suka Facebook ke Blogger (dengan Gambar)
Cara Menambah Suka Facebook ke Blogger (dengan Gambar)

Video: Cara Menambah Suka Facebook ke Blogger (dengan Gambar)

Video: Cara Menambah Suka Facebook ke Blogger (dengan Gambar)
Video: 5 Ways To Promote And Grow Your Blog 2024, Mungkin
Anonim

WikiHow ini mengajar anda bagaimana menambahkan butang “Suka” Facebook yang dapat diklik ke laman web Blogger (blogspot.com) anda. Setelah membina butang di Like Button Configurator, anda hanya perlu menyalin dan menampal dua bit kod ke papan pemuka Blogger anda, membuat satu pengeditan cepat untuk keserasian.

Langkah-langkah

Bahagian 1 dari 3: Membuat Butang Suka

Tambah Facebook Suka ke Blogger Langkah 1
Tambah Facebook Suka ke Blogger Langkah 1

Langkah 1. Pergi ke

Anda boleh menggunakan penyemak imbas web moden seperti Chrome atau Safari.

Tambah Facebook Suka ke Blogger Langkah 2
Tambah Facebook Suka ke Blogger Langkah 2

Langkah 2. Tatal ke bawah ke Like Button Configurator

Terdapat di bahagian ketiga halaman.

Tambah Facebook Suka ke Blogger Langkah 3
Tambah Facebook Suka ke Blogger Langkah 3

Langkah 3. Masukkan alamat blog anda ke dalam kotak "URL to Like"

Tambah Facebook Suka ke Blogger Langkah 4
Tambah Facebook Suka ke Blogger Langkah 4

Langkah 4. Masukkan lebar plugin yang anda inginkan ke dalam kotak "Width"

Sebilangan besar pengguna Blogger boleh membiarkan kotak ini kosong, kerana lebar lalai (450 px) berfungsi dengan baik. Perhatikan bahawa ini adalah lebar keseluruhan pemalam, bukan butang Suka itu sendiri.

Tambah Facebook Suka ke Blogger Langkah 5
Tambah Facebook Suka ke Blogger Langkah 5

Langkah 5. Pilih gaya butang dari menu "Layout"

Anda akan melihat pratonton setiap gaya apabila dipilih.

Tambah Facebook Suka ke Blogger Langkah 6
Tambah Facebook Suka ke Blogger Langkah 6

Langkah 6. Pilih tindakan dari menu "Jenis Tindakan"

Secara lalai, butang anda akan bertuliskan "Suka". Sekiranya anda mahu, anda boleh mengubahnya dengan mengatakan "Mengesyorkan". Apabila seseorang mengklik butang, pengikut Facebook mereka akan melihat "(nama orang) Mengesyorkan ini."

Tambah Facebook Suka ke Blogger Langkah 7
Tambah Facebook Suka ke Blogger Langkah 7

Langkah 7. Pilih ukuran dari menu "Button Size"

Pratonton butang di bawah konfigurasi akan menunjukkan kepada anda bagaimana rupa setiap ukuran.

Tambah Facebook Suka ke Blogger Langkah 8
Tambah Facebook Suka ke Blogger Langkah 8

Langkah 8. Tandai atau hapus centang kotak "Sertakan Butang Kongsi"

Jika kotak dicentang, butang yang mengatakan "Bagikan" akan muncul di sebelah butang Suka di blog anda. Sekiranya seseorang mengklik butang ini, mereka akan berpeluang memasukkan beberapa teks mereka sendiri sebelum berkongsi pautan dengan rakan Facebook mereka.

Tambah Suka Facebook ke Blogger Langkah 9
Tambah Suka Facebook ke Blogger Langkah 9

Langkah 9. Klik Dapatkan Kod

Sekarang anda akan melihat dua kotak yang mengandungi kod HTML yang mesti anda tampal ke kawasan yang berlainan di Blogger.

Bahagian 2 dari 3: Menambah Kod ke Templat Anda

Tambah Facebook Suka ke Blogger Langkah 10
Tambah Facebook Suka ke Blogger Langkah 10

Langkah 1. Log masuk ke

Gunakan tab atau tetingkap penyemak imbas lain, kerana anda perlu menyalin dan menampal kod dari Facebook ke Blogger.

Tambah Facebook Suka ke Blogger Langkah 11
Tambah Facebook Suka ke Blogger Langkah 11

Langkah 2. Klik Templat

Ia berada di sebelah kiri skrin, berhampiran bahagian bawah menu.

Tambah Facebook Suka ke Blogger Langkah 12
Tambah Facebook Suka ke Blogger Langkah 12

Langkah 3. Sandarkan templat blog anda

Sentiasa buat sandaran semasa mengedit kod HTML blog anda secara langsung.

  • Klik Sandaran / Pulihkan butang di sudut kanan atas halaman.
  • Klik Muat turun Templat.
  • Masukkan nama untuk fail anda, mis. "Sandaran templat blog."
  • Klik Jimat.
Tambah Facebook Suka ke Blogger Langkah 13
Tambah Facebook Suka ke Blogger Langkah 13

Langkah 4. Klik Edit HTML

Itu hanya di bawah gambar pratonton blog anda.

Tambah Facebook Suka ke Blogger Langkah 14
Tambah Facebook Suka ke Blogger Langkah 14

Langkah 5. Salin kod dari kotak pertama Facebook Like Button Configurator

Ini adalah kod di kotak atas, di bawah "Langkah 2."

Anda boleh menyalin teks dengan menonjolkannya, kemudian menekan Control + C atau ⌘ Command + C

Tambah Facebook Suka ke Blogger Langkah 15
Tambah Facebook Suka ke Blogger Langkah 15

Langkah 6. Tampal kod tersebut ke dalam kod HTML Blogger anda

Kod mesti ditampal selepas garis yang bermula dengan <badan, lebih baik pada baris seterusnya.

  • Untuk memberi diri anda tempat untuk menampal kod, klik sebelum watak pertama baris selepas tanda badan, kemudian tekan ↵ Enter atau ⏎ Return.
  • Klik baris kosong, kemudian tekan Control + V atau ⌘ Command + V untuk menampal.
Tambah Facebook Suka ke Blogger Langkah 16
Tambah Facebook Suka ke Blogger Langkah 16

Langkah 7. Ganti setiap "&" dalam kod yang ditampal dengan"

&

”.

Jangan sertakan tanda petikan.

  • Contohnya, “//connect.facebook.net/en_US/sdk.js#xfbml=1 &versi = v2.8 "menjadi" //connect.facebook.net/en_US/sdk.js#xfbml=1

    &

  • versi = v2.8 ""
Tambah Suka Facebook ke Blogger Langkah 17
Tambah Suka Facebook ke Blogger Langkah 17

Langkah 8. Klik Simpan Templat

  • Sekiranya anda melewati "&" secara tidak sengaja, anda akan melihat ralat yang mengatakan "Ralat Menghurai XML" tepat di atas kod. Kembali ke kod yang ditampal, cari &, dan gantikan dengan

    &

  • .

Bahagian 3 dari 3: Menambah Butang ke Tata Letak Anda

Tambah Facebook Suka ke Blogger Langkah 18
Tambah Facebook Suka ke Blogger Langkah 18

Langkah 1. Salin kotak kedua kod dari Like Button Configurator

Anda harus kembali ke tetingkap atau tab penyemak imbas anda yang lain untuk mencarinya. Ini adalah kod di kotak di bawah "Langkah 3."

Anda boleh menyalin teks dengan menonjolkannya, kemudian menekan Control + C atau ⌘ Command + C

Tambah Facebook Suka ke Blogger Langkah 19
Tambah Facebook Suka ke Blogger Langkah 19

Langkah 2. Klik Layout kembali di Blogger

Ia berada di sebelah kiri papan pemuka Blogger, tepat di atas "Templat".

Tambah Suka Facebook ke Blogger Langkah 20
Tambah Suka Facebook ke Blogger Langkah 20

Langkah 3. Klik butang Tambah Gadget di mana anda mahu butang itu muncul

Dalam kebanyakan kes, anda mahu butang muncul di tajuk atau footer

Tambah Suka Facebook ke Blogger Langkah 21
Tambah Suka Facebook ke Blogger Langkah 21

Langkah 4. Pilih HTML / JavaScript

Anda mesti menatal sedikit ke bawah untuk mencarinya.

Tambah Facebook Suka ke Blogger Langkah 22
Tambah Facebook Suka ke Blogger Langkah 22

Langkah 5. Taipkan facebook di bawah “Tajuk

Tambah Facebook Suka ke Blogger Langkah 23
Tambah Facebook Suka ke Blogger Langkah 23

Langkah 6. Tampal kod yang disalin ke dalam kotak "Kandungan"

Anda boleh melakukannya dengan mengklik ke dalam kotak dan menekan Control + V atau ⌘ Command + V.

Tambah Facebook Suka ke Blogger Langkah 24
Tambah Facebook Suka ke Blogger Langkah 24

Langkah 7. Klik Simpan

Sekarang anda akan melihat kotak alat yang disebut "facebook".

Klik Pratonton di sudut kanan atas halaman untuk memastikan butang muncul di tempat yang sepatutnya. Sekiranya anda tidak menyukai lokasinya, anda boleh menyeret kotak "facebook" ke salah satu bahagian lain dalam susun atur anda

Tambah Facebook Suka ke Blogger Langkah 25
Tambah Facebook Suka ke Blogger Langkah 25

Langkah 8. Klik Simpan Pengaturan

Ia berada di sudut kanan atas skrin. Sekarang, apabila seseorang menikmati blog anda, mereka dapat membagikannya dengan mudah dengan semua rakan Facebook mereka.

Disyorkan: