Bagaimana Menukar Warna Butang ‘Seterusnya’ di Tumblr

Tumblr mempunyai pelbagai tema yang dibangunkan oleh penulis berbeza, menjadikannya sukar diramalkan sebelum membuka kod sumbernya. Walau bagaimanapun, semua tema boleh diubah suai; sekiranya anda tersilap, anda boleh memulakan semula dengan memuat turun semula tema tersebut.

Sesetengah tema menggunakan endless scrolling (tatalan tanpa henti), di mana halaman seterusnya dimuat secara automatik ketika pengunjung sampai ke bahagian bawah. Jika tema anda melakukan ini, pertimbangkan untuk menukar kepada tema yang menggunakan paginasi.

Langkah 1: Buka Halaman Penyesuaian

Masuk ke blog Tumblr anda, klik Customise, kemudian pilih Edit HTML di bahagian atas panel penyesuaian, di bawah nama tema semasa.

Langkah 2: Cari Pemboleh ubah {NextPage}

Tekan Ctrl‑F dan cari {NextPage}. Pastikan ia berada dalam blok {block:Pagination}—bagian yang mengawal butang “Previous” dan “Next”.

Langkah 3: Kenalpasti Kelas CSS Butang ‘Next’

Kelas biasanya ditentukan dalam HTML dengan class="nama‑kelas". Butang “Next” mungkin mempunyai kelas tersendiri atau dikongsi dengan elemen lain. Untuk mengubah warna butang tanpa menjejaskan elemen lain, anda boleh:

• menukar nilai warna dalam kelas sedia ada (berpotensi mempengaruhi elemen lain), atau
• membuat kelas CSS baru, misalnya .next‑button, dan menambahkannya ke butang.

Langkah 4: Tambah atau Ubah Kelas CSS

Gunakan fungsi Find sekali lagi untuk mencari kelas yang relevan dalam fail style.css (ditandai dengan .nama‑kelas). Untuk kelas baru, letakkan kod berikut di mana saja dalam fail CSS:

.next‑button {
    /* Tambahkan gaya di sini */
}

Langkah 5: Tukar Warna Teks dan Latar Belakang

Untuk menukar warna teks, masukkan:

color: #ff69b4;

Jika butang mempunyai latar belakang atau border, tambah:

background: #000000;
border: 1px solid #ff69b4;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);

Langkah 6: Pratonton dan Selesaikan

Setelah menambah kod, pratonton perubahan di panel penyesuaian. Jika semuanya kelihatan baik, klik Save. Jika tidak, anda boleh pulih dengan memuat turun semula tema asal.