Meskipun Anda tidak dapat mengubah tampilan pemutar audio di dasbor Tumblr, Anda dapat mengubah tampilan pemutar audio di blog Anda sendiri menggunakan tema Tumblr dan opsi penyesuaian. Anda harus memiliki pengalaman dengan HTML dan CSS, karena Anda harus memodifikasi tema Tumblr Anda untuk mengubah ukuran pemutar audio. Persisnya bagaimana pemutar audio dimodifikasi akan sedikit berbeda di antara tema, karena setiap pengembang menulis tema Tumblr secara berbeda. Namun, variabel Tumblr untuk posting audio selalu sama, yang menyederhanakan proses menemukan CSS yang harus dimodifikasi.
Buka halaman kustomisasi untuk tema Tumblr Anda. Klik tautan "Edit HTML"; ini terletak di sebelah kanan thumbnail tema Tumblr Anda, tepat di bawah nama tema.
Tekan "Ctrl-F" untuk memulai pencarian, dan masukkan "{block:audio}". Ini membawa Anda ke bagian tema tempat pembuat memasukkan pengaturan untuk posting audio. Tentukan kelas CSS apa yang digunakan pengembang untuk mengukur pemutar audio. Misalnya, jika postingan berada dalam elemen div, Anda akan melihat atribut 'class="audio-player",' di mana "audio-player" adalah nama kelas.
Cari nama kelas dengan titik di depannya, mis. ".audio-player". Periode sebelum nama adalah bagaimana stylesheet CSS mengidentifikasi kelas. Pencarian ini akan membawa Anda ke bagian kanan stylesheet untuk diedit. Ini akan terlihat seperti ini, dengan tanda kurung diisi dengan CSS:
.audio-player {}
Beberapa tema menggunakan lembar gaya yang ditautkan secara eksternal yang tidak dapat Anda edit. Ini terlihat seperti:
Jika demikian halnya dengan tema Anda, tambahkan atribut "style" ke tag yang memodifikasi pemutar audio. Ini memungkinkan Anda untuk menambahkan CSS Anda sendiri tanpa mengubah stylesheet yang ada. Sebuah tag dapat memiliki atribut "class" dan atribut "style". Ini akan terlihat seperti:
Masukkan properti "width:" ke salah satu kelas di dalam stylesheet, atau ke atribut style untuk tag yang memuatnya. Jika stylesheet sudah memiliki properti "width", ubah itu; jangan tambahkan yang kedua. Anda juga dapat menentukan tinggi dengan properti "height". Jika Anda memodifikasi stylesheet, CSS Anda akan terlihat seperti:
.audio-player { lebar:100px; tinggi: 25 piksel; }
Jika Anda menambahkan perubahan pada atribut "style" ke tag, sintaksnya adalah:
Klik "Perbarui Pratinjau" untuk melihat bagaimana perubahan itu memengaruhi tema Anda. Tema bisa rumit, dan perubahan mungkin tidak muncul seperti yang Anda harapkan. Mungkin perlu beberapa kali percobaan untuk mendapatkan pemutar audio persis seperti yang Anda inginkan.
Klik "Simpan" ketika Anda siap untuk melakukan perubahan tema ke blog Anda.
Tips
Saat memposting musik dari sumber lain, seperti daftar putar Soundcloud, Anda dapat mengubah ukuran pemutar audio dalam kode tersebut; itu tidak diubah oleh pengaturan Tumblr Anda.
Peringatan
Artikel ini mengacu pada opsi tema yang tersedia pada Januari 2014; opsi dapat berubah dengan pembaruan di masa mendatang ke situs web Tumblr.
