Cara Mengubah Warna Teks di Tema Tumblr Anda

Jika Anda tidak suka warna teks yang digunakan oleh tema Tumblr Anda, Anda bisa mengubahnya. Editor HTML Tumblr memberi Anda kemampuan untuk memodifikasi kode CSS (Cascading Style Sheet) yang menentukan tampilan teks blog Anda. Beberapa tema menggunakan kode CSS dari sumber yang tidak dapat Anda lihat atau edit secara langsung. Namun, editor HTML memungkinkan Anda menambahkan kode CSS baru ke bagian tema yang dapat menimpa gaya warna teks apapun, terlepas dari sumbernya.

Ganti Kode CSS yang Sudah Ada

Masuk ke blog Tumblr Anda, klik tombol Customize lalu pilih Edit HTML.

Tekan Ctrl-F dan ketik color: pada kotak pencarian. Editor akan menyorot instance pertama dari kata kunci tersebut.

Geser ke bawah hingga menemukan kata kunci di dalam tag HTML yang berhubungan dengan teks seperti <p>, <li>, <ol>, <h1>, <div> atau <blockquote>. Sebagai contoh, tema Kalalalani menetapkan warna untuk semua tautan <a> di dalam tag <h3> menggunakan baris berikut:

content .regular h3 a { color: #111; }

Ganti nilai warna saat ini dengan yang Anda inginkan. Tema Tumblr biasanya menggunakan nilai warna dalam notasi heksadesimal tiga atau enam digit. Namun, beberapa warna dapat menggunakan nama standar seperti red, blue, green, azure, atau seashell. Contohnya, jika Anda ingin mengubah warna semua tautan <h3> menjadi merah, kode Anda akan terlihat seperti ini:

content .regular h3 a { color: #f00; }

content .regular h3 a { color: red; }

Klik tombol Update Preview. Mode pratinjau memungkinkan Anda melihat tampilan blog sebelum perubahan permanen.

Selanjutnya, klik Save ketika sudah selesai mengubah warna teks.

Tambahkan Gaya Warna Teks Baru

Tekan Ctrl-F dan ketik </head> di kotak pencarian. Editor akan otomatis menggulir dan menyorot tag ini.

Tambahkan satu baris kosong untuk kode CSS khusus Anda dengan mengklik di depan tag </head> lalu tekan Enter sekali.

Ketikan <style> di baris kosong yang baru Anda buat, lalu tekan Enter dua kali. Editor akan menambahkan tag tutup </style> secara otomatis.

Masukkan kode yang akan mengubah warna teks di dalam bagian konten posting blog Anda. Sebagai contoh, jika Anda ingin semua judul <h3> dan paragraf menjadi ungu, kode Anda akan terlihat seperti ini:

<style> #content h3,p { color:purple; } </style>

Selanjutnya, klik Save ketika sudah selesai.

Peringatan

Pilih warna font yang tidak hanya menarik tetapi juga mudah dibaca. Warna latar belakang blog Anda dapat membatasi pilihan warna teks. Misalnya, teks ungu pada latar belakang hitam atau merah mungkin sulit dibaca oleh sebagian pengikut Anda.