Cara Memasukkan Aplikasi Tumblr ke dalam Sidebar

Pelbagai laman web menyediakan widget yang boleh dimasukkan ke dalam blog anda, memberi peluang besar untuk menyesuaikan penampilan. Jika tema Tumblr anda mempunyai sidebar, anda boleh menambah aplikasi dengan menyalin satu baris kod HTML ke dalam tag sidebar tema anda. Kebanyakan laman widget menyediakan kod tersebut secara automatik, jadi anda tidak perlu mempunyai pengetahuan pengaturcaraan.

1. Cari Widget yang Dikehendaki

Lawati laman seperti Widgetbox, ShareThis atau Tumblring dan cari widget yang ingin anda tambah. Setiap laman akan memberi panduan tentang cara menyesuaikan widget, menghasilkan kod HTML, dan menambahkannya ke dalam halaman Tumblr anda.

2. Pilih Pilihan dan Hasilkan Kod

Setelah memilih widget, pilih pilihan yang dikehendaki seperti susun atur, warna atau fon. Beberapa widget memerlukan persediaan tambahan, contohnya pemain muzik yang memerlukan senarai main sebelum kod boleh dijana. Klik “Generate HTML” atau pilihan serupa dan salin kod yang dipaparkan.

3. Simpan Kod di Notepad

Open Notepad, tampal kod ke dokumen teks baru dan simpan dengan nama yang mudah dikenali, contoh “Widget_SocialButtons.html”.

4. Buka Editor Tema Tumblr

Di papan pemuka Tumblr, klik ikon “Gear”, pilih blog anda, kemudian pilih “Customize”. Di bahagian Theme, klik “Edit HTML”. Editor HTML terbuka dalam editor teks di dalam halaman.

5. Salin Kod Asal Tema

Salin keseluruhan kod HTML dari editor Tumblr dan tampalkannya ke Notepad baru. Simpan dokumen ini sebagai “Tumblr_HTML_Original.html” supaya anda dapat kembali jika tidak suka perubahan.

6. Cari Tag Sidebar

Dalam editor HTML Tumblr, tekan Ctrl‑F dan cari perkataan “sidebar”. Anda mungkin akan melihat bahagian seperti <div id="sidebar">. Pastikan anda mencari di antara tag pembuka dan penutup.

7. Tampal Kod Widget

Di dalam tag <div id="sidebar"> (bukan di dalam tanda kurung sudut), tampal kod widget yang telah anda salin. Kod akhir akan kelihatan seperti ini:

<div id="sidebar">
<!-- Kod widget anda di sini -->
</div>

8. Pratonton dan Simpan

Klik “Update Preview” untuk melihat perubahan. Jika widget kelihatan baik, klik “Save” dan tutup editor. Jika anda mahu mengubahnya, gantikan kod widget dengan kod asal yang disimpan di langkah 5, atau buat semula kod widget di laman pembuat widget.

Tip Tambahan

Jika anda ingin menambah lebih daripada satu widget, tampal mereka satu persatu mengikut urutan yang anda mahu muncul di sidebar.