Mengedit Tata Letak Tumblr di Dreamweaver

Tumblr memungkinkan akses ke HTML mentah dari blog Tumblr Anda, dan itu berarti Anda dapat menggunakan program pengeditan HTML untuk melakukan perubahan jika diinginkan. Namun, karena Tumblr HTML yang dapat Anda sesuaikan membuat tema umum yang kemudian diterapkan pada konten spesifik Anda, fitur pratinjau Dreamweaver tidak akan berfungsi dengan benar. Anda masih dapat menggunakan editor HTML dari Dreamweaver untuk mengedit dan menyimpan tema Tumblr Anda, tetapi Anda tidak akan dapat mempratinjau secara akurat sampai Anda memasukkan kode kembali ke Tumblr.

1.

Masuk ke Tumblr dan klik ikon roda gigi di bagian atas layar untuk mengakses pengaturan akun Anda.

2.

Klik nama blog Anda di sebelah kiri, klik tombol "Kustomisasi" di bawah gambar Tema dan klik "Edit HTML" di bilah di sebelah kiri.

3.

Klik kanan pada kode HTML, pilih "Select All, " klik kanan lagi dan pilih "Copy."

4.

Buka editor teks biasa di komputer Anda - seperti Notepad - dan rekatkan kode HTML ke dokumen baru yang kosong. Simpan dokumen sebagai cadangan kode Tumblr yang ada. Jika perlu, Anda dapat menyalin dan menempelkan kode dari file ini kembali ke templat Tumblr Anda.

5.

Luncurkan Dreamweaver dan buka file HTML baru yang kosong. Pilih semua kode di jendela HTML dan tempel kode dari blog Tumblr Anda di atasnya. Anda tidak ingin meninggalkan HTML yang dibuat secara otomatis di editor HTML Dreamweaver.

6.

Buat perubahan pada HTML untuk tema Tumblr Anda. Simpan file Dreamweaver. Salin dan tempel teks kembali ke akun Tumblr Anda untuk melihatnya. Anda tidak perlu membuat kode langsung di blog Anda untuk melihat pratinjau - Anda cukup mengklik tombol "Perbarui Pratinjau" hijau di Edit HTML pada halaman kustomisasi Tumblr untuk melihat bagaimana perubahan Anda terlihat.

Kiat

  • Pelajari tema Tumblr yang Anda sukai untuk mendapatkan ide tentang cara memformat HTML untuk blog Anda.
  • Anda dapat mengunggah aset khusus ke Tumblr jika Anda ingin memiliki gambar latar belakang sendiri atau elemen kustom lainnya. Klik ikon roda gigi di halaman Edit HTML dan pilih "Static File Uploader."
  • Daftar semua variabel yang dapat Anda sesuaikan tersedia dari Tumblr (lihat tautan di Sumber).

Pesan Populer