Cara Memasukkan Kotak Suka Facebook ke Bilah Sisi Tumblr

Plugin sosial seperti tombol Suka Facebook tersedia gratis dari situs web Pengembang Facebook. Semua kode yang diperlukan untuk menempatkan tombol ini di blog Tumblr Anda secara otomatis dihasilkan setelah Anda memasukkan URL blog Anda dan memilih tata letak, sehingga Anda tidak memerlukan pengalaman pengkodean apa pun. Rekatkan kode ke bagian Deskripsi blog Tumblr Anda agar tombol Suka ditampilkan di bilah sisi Anda. Pengunjung kemudian dapat mengklik tombol jika mereka menikmati konten blog Anda, menempatkan tautan di umpan berita Facebook mereka.

Masuk ke akun Tumblr Anda, lalu klik tombol panah bawah di sebelah nama blog Tumblr Anda. Pilih blog Tumblr yang ingin Anda tambahkan tombol Suka Facebook jika Anda memiliki lebih dari satu blog.

Klik kanan URL yang ditampilkan di bawah nama blog Anda di dasbor Tumblr Anda dan pilih "Salin Alamat Tautan", "Salin Lokasi Tautan" atau "Salin Pintasan" -- bergantung pada browser Anda -- dari menu konteks.

Buka tab browser baru dan buka halaman Pengembang Facebook untuk plugin sosial tombol Suka (tautan di Sumber). Masuk ke halaman menggunakan nama pengguna dan kata sandi Facebook Anda.

Klik di kotak input URL, lalu tekan "Ctrl-V" untuk menempelkan URL ke blog Tumblr Anda.

Pilih opsi dari daftar tarik-turun "Tata Letak" untuk menentukan bagaimana tombol Suka akan ditampilkan di blog Tumblr Anda. Jumlah suka dapat ditampilkan di atas atau di samping tombol, atau Anda hanya dapat memilih tombol. Jendela pratinjau menampilkan bagaimana kotak Suka akan muncul dengan pengaturan yang Anda pilih saat ini.

Kosongkan kotak centang di sebelah "Tampilkan Wajah Teman" jika Anda tidak ingin foto thumbnail pengguna Facebook yang mengklik tombol Suka ditampilkan di kotak. Kosongkan kotak centang "Sertakan Tombol Bagikan" jika Anda hanya menginginkan tombol Suka tanpa opsi Bagikan.

Ketik lebar yang diinginkan, dalam piksel, untuk kotak Suka di kotak input Lebar. Lebar kotak Suka Facebook harus sama atau lebih kecil dari lebar bilah sisi Tumblr Anda.

Klik "Dapatkan Kode," lalu masuk menggunakan nama pengguna dan kata sandi Facebook Anda.

Klik tab "IFRAME", lalu klik kotak kode untuk menyorot kode plugin. Tekan "Ctrl-C" untuk menyalin kode yang disorot ke clipboard.

Buka tab dengan dasbor Tumblr Anda, lalu klik tombol "Sesuaikan".

Klik di dalam kotak input Deskripsi, lalu tekan "Ctrl-V" untuk menempelkan kode tombol Suka. Kotak Suka ditampilkan di bagian pratinjau di sebelah kanan.

Klik tombol "Simpan" jika Anda puas dengan penempatan kotak Suka di bilah sisi Tumblr Anda, lalu klik "Keluar" untuk kembali ke dasbor Anda.

Tips

Klik "Edit HTML" dari layar Kustomisasi, lalu tempel kode tombol Suka Facebook Anda di bagian bilah sisi jika tema Anda tidak menampilkan kotak Deskripsi di bilah sisi.