Cara Menyesuaikan Tema Tumblr yang Ada

Tema Tumblr Anda mengatur tampilan dan pemformatan semua konten di blog Anda, mulai dari ukuran gambar hingga gaya font. Anda dapat mengubah tema Tumblr apa pun, baik gratis atau premium, dengan mengunjungi layar penyesuaian. Beberapa pengetahuan HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) berguna, tetapi Anda dapat melakukan pengeditan dasar bahkan jika Anda tidak terbiasa dengan pengkodean situs web.

Layar Kustomisasi

Klik tautan "Kustomisasi" untuk masuk ke layar penyesuaian, yang memungkinkan Anda mengubah judul blog, deskripsinya, dan semua opsi yang tersedia di tema Anda saat ini. Pilih "Jelajahi Tema" jika Anda ingin beralih ke tema lain. Perhatikan opsi "Tambahkan Halaman" yang dapat Anda gunakan untuk membuat halaman statis dan tautan di samping posting blog Anda. Tautan "Opsi Lanjutan" memungkinkan Anda mengatur jumlah posting yang ditampilkan di setiap layar, memaksa tautan untuk dibuka di jendela baru, dan mengaktifkan tampilan seluler default Tumblr untuk blog Anda.

Opsi Tema Bawaan

Penulis tema dapat menyertakan serangkaian opsi yang terintegrasi ke dalam tema mereka -- ini berarti Anda dapat mengubah warna, font, dan variabel lain tanpa mengubah kode sebenarnya dari tema itu sendiri. Opsi yang tercantum di sebelah kiri layar penyesuaian telah disediakan oleh penulis. Ini bervariasi dari tema ke tema, tetapi dapat mencakup warna dan ukuran font, gambar latar belakang dan header, opsi bilah sisi dan tata letak, gulir tak terbatas, tampilan tag dan catatan, serta opsi widget. Selain itu, mungkin ada bidang untuk Anda memasukkan kode nama pengguna untuk Google Analytics, Typekit, Instagram, Twitter, dan layanan pihak ketiga lainnya.

Menambahkan CSS Khusus

Tema Tumblr menggunakan CSS untuk mengatur gaya teks isi, gambar, dan judul di situs Anda. Mereka bekerja dengan cara yang sama seperti stylesheet dalam pengolah kata, memungkinkan pengguna untuk membuat satu set seragam format font yang diterapkan di seluruh situs. Klik "Edit HTML" pada layar penyesuaian untuk mempelajari HTML tema yang ada: CSS harus disematkan di HTML itu sendiri atau akan ada tautan ke file .css yang dihosting di tempat lain di Tumblr. Gunakan bagian Tambahkan CSS Kustom pada halaman Opsi Lanjutan untuk memasukkan kode CSS Anda sendiri jika Anda ingin mengesampingkan lembar gaya default tema.

Mengedit HTML Tema

Selain menambahkan CSS khusus, Anda juga dapat mengedit HTML tema secara langsung melalui tautan "Edit HTML" di layar penyesuaian. Kode HTML biasanya digunakan untuk menentukan tata letak dan struktur halaman, mengontrol elemen mana yang ditampilkan dan di mana mereka ditempatkan; Kode CSS lebih mementingkan tampilan dan gaya teks, batas, dan gambar. Jika Anda mengedit tema HTML secara langsung, Tumblr menonaktifkan fitur pembaruan otomatis tema untuk mempertahankan perubahan Anda -- ini berarti bahwa jika pembaruan tema dirilis di masa mendatang, Anda harus menginstalnya secara manual (dan kemudian mengajukan permohonan kembali tweak HTML).

Bagaimana saya...?

Kode CSS dan HTML yang tepat yang Anda perlukan untuk membuat perubahan bergantung pada cara tema ditulis oleh pembuatnya. Pengembang Web yang berbeda menggunakan struktur HTML dan CSS yang berbeda, tetapi jika Anda meluangkan waktu untuk melihat kode yang ada, Anda seharusnya dapat melihat bagaimana warna dan gaya telah diterapkan. Jika Anda memerlukan beberapa pelajaran dasar tentang jenis tweak HTML dan CSS yang dapat Anda buat, ada banyak tutorial online di situs-situs seperti W3Schools, Webmonkey, dan HTMLDog. Ada juga sumber daya yang relevan di Pusat Bantuan Tumblr, dan Anda juga dapat menghubungi penulis tema secara langsung untuk mendapatkan petunjuk.