Cara Memasukkan Aplikasi Tumblr di Bilah Sisi

Banyak situs web menawarkan widget untuk disematkan di blog Anda, membuka beragam kemungkinan untuk penyesuaian. Jika tema Tumblr Anda menyertakan bilah sisi, Anda dapat menyisipkan aplikasi di halaman blog Anda dengan menempelkan sebaris kode HTML ke tag bilah sisi tema Anda. Situs web yang menawarkan widget dapat menghasilkan baris kode ini, jadi Anda tidak memerlukan pengetahuan pemrograman untuk menyisipkan widget di sidebar Anda. Tumblr menyertakan editor HTML dengan bilah pencarian sehingga Anda dapat dengan cepat menemukan tag bilah sisi dan memasukkan kode di lokasi yang tepat.

Kunjungi situs seperti Widgetbox, ShareThis, atau Tumblring untuk mencari widget untuk ditambahkan ke halaman Tumblr Anda (tautan di Sumber). Proses menghasilkan kode HTML bervariasi antar widget, tetapi setiap situs memberikan instruksi untuk menyesuaikan widget, membuat kode, dan memasukkan kode di halaman Tumblr Anda. Jenis widget termasuk tombol bookmark sosial, pemutar musik, mesin pencari dan banyak lainnya.

Pilih widget dan, saat diminta, pilih opsi apa pun, seperti tata letak, warna, atau font. Beberapa widget mungkin memerlukan lebih banyak pengaturan. Misalnya, jika Anda menyematkan pemutar musik, Anda mungkin perlu mengikuti petunjuk situs untuk membuat daftar putar sebelum kode Anda dapat dibuat. Setelah membuat pilihan Anda, klik "Hasilkan HTML" atau opsi serupa dan salin kode yang ditampilkan di kotak teks.

Buka Notepad dan rekatkan kode ke dalam dokumen teks baru. Simpan dokumen dan beri nama agar Anda dapat dengan mudah mengidentifikasinya nanti, seperti nama widget.

Kunjungi dasbor Tumblr Anda, klik ikon “Gear” dan pilih blog Anda dari bilah sisi. Klik "Sesuaikan" di bagian Tema, lalu pilih "Edit HTML" di halaman penyesuaian. Kode HTML blog Anda terbuka di editor teks yang disematkan di halaman.

Buka dokumen teks baru di Notepad dan salin kode HTML dari editor Tumblr ke dokumen Notepad baru. Beri nama dokumen ini seperti “Tumlbr HTML Original” sehingga Anda dapat dengan cepat menemukannya nanti jika Anda tidak menyukai perubahan yang Anda buat pada bilah sisi Anda.

Kembali ke editor HTML Tumblr dan tekan “Ctrl-F” untuk menampilkan bilah Temukan dan Ganti, yang dapat Anda gunakan untuk mencari tag bilah sisi dalam kode HTML. Pemformatan kode yang tepat dapat berbeda di antara tema, tetapi Anda dapat menemukannya dengan mengetikkan “bilah sisi” (tanpa tanda kutip) di kotak Temukan karena semua tag bilah sisi menyertakan kata kunci ini. Misalnya, mencari "bilah sisi" dapat menemukan potongan kode "

,” yang menunjukkan awal tag bilah sisi. Tag diakhiri dengan penutup “
” kata kunci.

Tempelkan kode HTML widget di dalam tag bilah sisi tetapi tidak di dalam kurung sudut yang membatasi kata kunci tag. Setelah memasukkan kode, tag sidebar Anda akan terlihat seperti potongan kode berikut:

Kode HTML widget Anda ada di sini

Kode yang dihasilkan bisa panjang dan rumit, tetapi yang harus Anda lakukan hanyalah menempelkannya di tag bilah sisi. Spasi putih dan tabulasi garis tidak masalah karena editor HTML Tumblr memformat kode untuk Anda.

Klik "Perbarui Pratinjau" untuk melihat perubahan Anda di jendela pratinjau. Jika widget Anda ditampilkan sesuai keinginan Anda, klik "Simpan" dan tutup editor HTML. Jika Anda ingin mengubah aspek apa pun dari widget Anda, ganti kode yang diubah dengan kode asli yang Anda simpan di Langkah 5. Kembali ke halaman pembuatan widget, pilih opsi yang Anda inginkan dan buat kode lagi. Ulangi proses penyisipan kode dengan kode yang baru dibuat.

Tips

Jika Anda menyisipkan beberapa widget bilah sisi, tempelkan sesuai urutan yang Anda inginkan agar muncul di bilah sisi.