Cara Mengedit Tema Anda Dengan HTML di Tumblr

Tumblr mendukung kustomisasi penuh untuk setiap tema gratis yang Anda pilih, serta tema yang sepenuhnya khusus untuk blog Tumblr Anda. Tema pada Tumblr dibuat oleh berbagai pengembang yang berbeda, banyak di antaranya adalah pengguna Tumblr; dengan demikian, desain dan tata letak kode bervariasi secara drastis antara tema, dengan hanya elemen-elemen kunci yang sama. Walaupun bereksperimen adalah cara yang efektif untuk mempelajari seluk beluk suatu sistem, yang terbaik adalah memiliki beberapa landasan dalam tema sebelum mengedit milik Anda. Tumblr menawarkan satu halaman penuh dokumentasi tentang tema dan variabel khusus.

1.

Buka halaman kustomisasi Tumblr Anda di Tumblr.com/customize; Anda juga dapat mengeklik nama pengguna Anda di bagian atas dasbor Tumblr Anda lalu klik "Sesuaikan Tampilan" di bilah samping.

2.

Klik tombol "Tema". Layar default adalah layar pemilihan tema. Pilih tema yang Anda rasa nyaman diedit, jika Anda belum memilihnya. Setelah dipilih, klik "Gunakan HTML Khusus" di bagian bawah menu Tema.

3.

Lihatlah kode untuk merasakan bagaimana pengembang awalnya membangun tema. Tema menggunakan campuran kode, termasuk HTML, CSS dan Javascript. Tema Tumblr menggunakan serangkaian blok standar untuk menentukan area kode yang berlaku untuk berbagai posting dan bagian blog. Misalnya, bagian yang mendefinisikan posting audio akan mulai "{block: Audio}" dan diakhiri dengan "{/ block: audio}" dan bagian untuk posting kutipan akan dimulai {block: Quote} dan end "{/ block: Quote } "membuatnya mudah untuk menemukan setiap jenis dan bagian tulisan. Jika Anda mencari elemen tertentu, fitur "temukan" browser Anda harus dapat menemukan kata-kata dalam HTML tema.

4.

Masukkan HTML khusus apa pun yang Anda inginkan. Jika Anda ingin membuat lembar gaya baru untuk tema Anda, Anda akan menyisipkannya di suatu tempat antara tag pembuka dan penutup untuk kepala dokumen. Lembar gaya diformat sebagai

Anda dapat memasukkan sebanyak mungkin elemen dalam stylesheet Anda sesuai kebutuhan. Setiap elemen dapat dimodifikasi menggunakan CSS. Misalnya, jika Anda ingin mengatur apa pun yang dimodifikasi dengan tag H2 sebagai tinggi 22 piksel dan abu-abu gelap, stylesheet akan menyertakan blok ini:

h2 {ukuran font: 22px; warna: # A8A8A8;}

5.

Tambahkan gaya apa pun ke elemen HTML individual menggunakan tag "style". Sebagai contoh, jika Anda ingin mengubah kutipan pada halaman Anda untuk memiliki bayangan teks abu-abu terang, Anda akan menemukan HTML yang mengubah kutipan Anda dan menambahkan di dalam tanda kurung tag HTML. Setiap CSS yang ditambahkan dengan cara ini berfungsi sebagai tambahan pada stylesheet halaman Anda.

6.

Klik "Perbarui Pratinjau" untuk melihat perubahan pada blog Tumblr Anda di pratinjau tanpa menyimpan perubahan apa pun. Ketika akhirnya Anda telah membuat perubahan yang diinginkan ke blog Tumblr Anda dan siap untuk mengkomitnya, klik "Simpan."

Tip

• Perubahan pada tema Anda hanya memengaruhi halaman Anda, bukan dasbor atau Tumblelog Anda.

Peringatan

• Hati-hati dengan sintaks Anda; kesalahan ketik atau kesalahan sintaksis apa pun dapat merusak seluruh tema Anda.
• Untuk kembali ke opsi pemilihan tema, Anda harus memilih "Nonaktifkan HTML Khusus;" seperti tersirat, ini menghapus semua HTML khusus yang Anda gunakan.
• Jika tema Anda menggunakan lembar gaya eksternal untuk elemen tema, mengubah elemen CSS mungkin lebih sulit.