Cara Mengubah Ukuran Pemutar Audio di Tumblr

Meskipun tampilan pemutar audio di dasbor Tumblr tidak dapat diubah, Anda dapat menyesuaikan tampilannya di blog Anda sendiri menggunakan tema dan opsi kustomisasi Tumblr. Perubahan ini memerlukan pengetahuan HTML dan CSS, karena Anda harus memodifikasi tema Tumblr untuk mengubah ukuran pemutar audio.

Berikut panduan langkah‑dari‑langkah:

Mengakses dan Mengedit Tema

1. Buka halaman Kustomisasi Tema dari dashboard Tumblr Anda.
2. Klik Edit HTML yang terletak di sebelah kanan thumbnail tema, tepat di bawah nama tema.

Mencari Bagian Audio

Gunakan Ctrl‑F dan ketik {block:audio} untuk menavigasi ke bagian tema yang berisi pengaturan posting audio.
Perhatikan kelas CSS yang digunakan untuk pemutar audio, biasanya terlihat seperti class="audio-player".

Memodifikasi CSS

Temukan nama kelas tersebut di dalam stylesheet. Cari .audio-player dan tambahkan atau ubah properti width dan height sesuai keinginan Anda. Contoh:

.audio-player { width:100px; height:25px; }

Jika tema Anda menggunakan stylesheet eksternal yang tidak dapat diedit, tambahkan atribut style langsung ke elemen HTML, seperti:

<div class="audio-player" style="width:100px;height:25px;">

Pratinjau dan Simpan

Gunakan Update Preview untuk melihat perubahan. Karena kompleksitas tema, mungkin perlu beberapa percobaan sebelum hasilnya sesuai harapan. Setelah puas, klik Save untuk menerapkan perubahan pada blog Anda.

Tips Tambahan

Jika Anda memposting musik dari sumber lain seperti SoundCloud, ukuran pemutar diatur dalam kode embed tersebut dan tidak terpengaruh oleh pengaturan Tumblr.

Peringatan

Artikel ini mengacu pada opsi tema yang tersedia pada Januari 2014; opsi dapat berubah seiring pembaruan situs Tumblr.