Cara Mengubah Warna Teks Tema di Tumblr

Jika anda tidak suka warna teks yang digunakan oleh tema Tumblr anda, anda boleh menukarnya. Editor HTML Tumblr memberi anda keupayaan untuk menukar kod CSS (Cascading Style Sheet) yang menentukan rupa teks blog anda. Beberapa tema menggunakan kod CSS daripada sumber yang tidak boleh anda lihat atau sunting secara langsung. Namun begitu, editor HTML membolehkan anda menambah kod CSS baru ke bahagian tema anda yang boleh menggantikan mana-mana gaya warna teks lain, tidak kira sumbernya.

Ganti Kod CSS Sedia Ada

Log masuk ke blog Tumblr anda, klik butang “Customize” dan pilih “Edit HTML”.

Tekan “Ctrl‑F” dan taip “color:”. Editor akan menyorot satu kes pertama istilah carian dalam kod.

Gunakan anak panah ke bawah sehingga anda menemui istilah carian dalam tag HTML yang berkaitan teks seperti <p>, <li>, <ol>, <h1>, <div> atau <blockquote>. Contohnya, tema Kalalalani menetapkan warna bagi semua pautan H3 dalam bahagian kandungan menggunakan baris berikut:

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

Ganti nilai warna semasa dengan nilai yang anda inginkan. Tema Tumblr biasanya menggunakan nilai warna dalam nombor heksadesimal tiga atau enam digit. Sesetengah warna juga boleh menggunakan nama standard seperti red, blue, green, azure atau seashell. Sebagai contoh, jika anda mahu menukar warna semua pautan H3 dalam bahagian kandungan ke merah, kod anda akan kelihatan seperti berikut:

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

content .regular h3 a { color: red; }

Klik butang “Update Preview” untuk melihat bagaimana blog anda akan kelihatan sebelum perubahan disimpan secara kekal.

Apabila selesai, klik butang “Save”.

Tambah Gaya Warna Teks Baru

Tekan “Ctrl‑F” dan taip “</head>”. Editor akan melayari ke bawah dan menyorot tag tersebut.

Letakkan baris kosong untuk kod CSS anda dengan mengklik mouse di hadapan tag </head> dan tekan “Enter” sekali.

Taip “<style>” pada baris kosong yang baru anda buat di atas tag </head> dan tekan “Enter” dua kali. Editor akan menambah tag tutup </style> secara automatik.

Taip kod yang akan menukar warna teks dalam bahagian kandungan pos blog anda. Contohnya, jika anda mahu semua tajuk H3 dan teks perenggan dalam bahagian kandungan menjadi ungu, kod anda akan kelihatan seperti berikut:

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

Setelah selesai, klik “Save”.

Amaran

Pilih warna fon yang bukan sahaja menarik tetapi juga mudah dibaca. Warna latar belakang blog anda mungkin mengehadkan pilihan warna teks. Sebagai contoh, teks ungu pada latar hitam atau merah mungkin sukar dibaca oleh sesetengah pengikut anda.