Artikel wikiHow ini akan mengajarkan kepada Anda cara menambahkan tombol "Suka" Facebook yang dapat diklik ke situs web Blogger (blogspot.com). Setelah membuat tombol di Like Button Configurator, Anda hanya perlu menyalin dan menempelkan dua bit kode ke dasbor Blogger Anda, membuat satu pengeditan cepat untuk kompatibilitas.
Langkah
Bagian 1 dari 3: Membuat Tombol Suka
Langkah 1. Buka
Anda dapat menggunakan browser web modern apa pun, seperti Chrome atau Safari.
Langkah 2. Gulir ke bawah ke Like Button Configurator
Itu ada di bagian ketiga halaman.
Langkah 3. Masukkan alamat blog Anda ke dalam kotak “URL to Like”
Langkah 4. Masukkan lebar plugin yang Anda inginkan ke dalam kotak "Lebar"
Sebagian besar pengguna Blogger dapat membiarkan kotak ini kosong, karena lebar default (450 px) berfungsi dengan baik. Perhatikan bahwa ini adalah lebar keseluruhan plugin, bukan tombol Suka itu sendiri.
Langkah 5. Pilih gaya tombol dari menu “Layout”
Anda akan melihat pratinjau setiap gaya saat dipilih.
Langkah 6. Pilih tindakan dari menu "Jenis Tindakan"
Secara default, tombol Anda akan mengatakan "Suka." Jika mau, Anda dapat mengubahnya menjadi "Rekomendasikan". Ketika seseorang mengklik tombol, pengikut Facebook mereka akan melihat "(nama orang) Merekomendasikan ini."
Langkah 7. Pilih ukuran dari menu "Ukuran Tombol"
Pratinjau tombol di bawah konfigurator akan menunjukkan kepada Anda seperti apa setiap ukuran.
Langkah 8. Centang atau hapus centang pada kotak “Sertakan Tombol Bagikan”
Jika kotak dicentang, tombol yang bertuliskan “Bagikan” akan muncul di sebelah tombol Suka di blog Anda. Jika seseorang mengklik tombol ini, mereka akan memiliki kesempatan untuk memasukkan beberapa teks mereka sendiri sebelum membagikan tautan dengan teman-teman Facebook mereka.
Langkah 9. Klik Dapatkan Kode
Sekarang Anda akan melihat dua kotak berisi kode HTML yang harus Anda tempelkan ke area berbeda di Blogger.
Bagian 2 dari 3: Menambahkan Kode ke Template
Langkah 1. Masuk ke
Gunakan tab atau jendela browser lain, karena Anda harus menyalin dan menempelkan kode dari Facebook ke Blogger.
Langkah 2. Klik Templat
Itu ada di sisi kiri layar, di dekat bagian bawah menu.
Langkah 3. Cadangkan template blog Anda
Selalu buat cadangan saat mengedit kode HTML blog Anda secara langsung.
- Klik Cadangkan / Pulihkan tombol di sudut kanan atas halaman.
- Klik Unduh Template.
- Masukkan nama untuk file Anda, mis. “cadangan template blog.”
- Klik Menyimpan.
Langkah 4. Klik Edit HTML
Itu tepat di bawah gambar pratinjau blog Anda.
Langkah 5. Salin kode dari kotak pertama Facebook Like Button Configurator
Ini adalah kode di kotak atas, di bawah "Langkah 2."
Anda dapat menyalin teks dengan menyorotnya, lalu menekan Control+C atau Command+C
Langkah 6. Tempelkan kode tersebut ke dalam kode HTML Blogger Anda
Kode harus ditempelkan setelah baris yang dimulai dengan <body, sebaiknya di baris berikutnya.
- Untuk memberi Anda tempat untuk menempelkan kode, klik sebelum karakter pertama baris setelah tag badan, lalu tekan Enter atau Return.
- Klik baris kosong, lalu tekan Control+V atau Command+V untuk menempel.
Langkah 7. Ganti setiap “&” dalam kode yang ditempelkan dengan “
&
”.
Jangan sertakan tanda kutip.
-
Misalnya, “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8” menjadi “//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- versi=v2.8"”
Langkah 8. Klik Simpan Template
-
Jika Anda secara tidak sengaja melewatkan "&," Anda akan melihat kesalahan yang mengatakan "Error Parsing XML" tepat di atas kode. Kembali ke kode yang ditempel, temukan &, dan ganti dengan
&
- .
Bagian 3 dari 3: Menambahkan Tombol ke Tata Letak Anda
Langkah 1. Salin kotak kode kedua dari Like Button Configurator
Anda harus kembali ke jendela atau tab browser lain untuk menemukannya. Ini adalah kode di kotak di bawah "Langkah 3."
Anda dapat menyalin teks dengan menyorotnya, lalu menekan Control+C atau Command+C
Langkah 2. Klik Layout kembali di Blogger
Itu ada di sisi kiri dasbor Blogger, tepat di atas “Template.”
Langkah 3. Klik tombol Add a Gadget di mana Anda ingin tombol tersebut muncul
Dalam kebanyakan kasus, Anda ingin tombol muncul di header atau footer
Langkah 4. Pilih HTML/JavaScript
Anda harus menggulir sedikit ke bawah untuk menemukannya.
Langkah 5. Ketik facebook di bawah “Judul
”
Langkah 6. Tempel kode yang disalin ke dalam kotak "Konten"
Anda dapat melakukannya dengan mengeklik kotak dan menekan Control+V atau Command+V.
Langkah 7. Klik Simpan
Sekarang Anda akan melihat kotak gadget yang disebut "facebook."
Klik Pratinjau di sudut kanan atas halaman untuk memastikan tombol muncul di tempat yang seharusnya. Jika Anda tidak menyukai lokasinya, Anda dapat menyeret kotak "facebook" ke salah satu bagian lain di tata letak Anda
Langkah 8. Klik Simpan Pengaturan
Tombol ini berada di pojok kanan atas layar. Sekarang, ketika seseorang menikmati blog Anda, mereka dapat dengan mudah membaginya dengan semua teman Facebook mereka.