Cara Membuat Tema Tumblr dengan Dreamweaver

Theme Tumblr menentukan tata letak halaman, warna, dan gambar blog Anda. Dengan Dreamweaver, Anda dapat membuat tema kustom dengan mengubah kode CSS yang sudah ada.

Langkah 1 – Unggah File Statis

Masuk ke akun Tumblr, buka halaman Upload a Static File, lalu klik Choose File. Pilih gambar yang akan Anda gunakan di tema, upload, dan salin URL yang muncul.

Langkah 2 – Ambil Kode HTML

Di bilah menu blog, klik judul blog, pilih Customize Appearance, lalu tekan Edit HTML. Salin seluruh kode yang terbuka.

Langkah 3 – Siapkan Dokumen di Dreamweaver

Buka Dreamweaver, pilih File > New, pilih Blank Page dan pilih None di bagian CSS Layout. Klik Create untuk memuat halaman.

Langkah 4 – Tempel Kode Tumblr

Pilih View > Code atau Split Code, hapus semua isi, lalu tempel kode Tumblr yang sudah disalin.

Langkah 5 – Lihat dan Edit Aturan CSS

Buka Window > CSS Styles, klik All untuk menampilkan semua aturan gaya Tumblr.

Langkah 6 – Rancang Tata Letak

Klik dua kali pada aturan body untuk membuka jendela pengaturan. Atur Background (warna atau gambar), Font (tipe, ukuran, warna), dan elemen lain sesuai keinginan Anda.

Langkah 7 – Sisipkan Gambar

Masukkan URL gambar ke dalam aturan yang relevan, misalnya di Background Image pada body. Simpan file.

Salin kode Tumblr yang sudah selesai dan tempel kembali ke halaman Customize untuk menerapkan tema baru. Jika ingin membagikannya, kunjungi Theme Garden dan klik Submit a Theme.

Catatan Penting

• Jangan gunakan uploader statis Tumblr untuk mengunggah file yang tidak terkait tema. Akun Anda dapat diblokir.