whycomputer.com >> Jaringan komputer >  >> Internet

Menambah Bilah Samping Tambahan di Tumblr

Langkah Menambahkan Bilah Samping Tambahan di Tumblr

Ikuti panduan ini untuk menambahkan bilah samping kedua pada tema Tumblr Anda. Banyak tema sudah memiliki dua bilah samping, namun bila tema Anda hanya memiliki satu, Anda dapat menambahkannya dengan mengedit kode CSS.

Perlu diingat: mengubah kode HTML/CSS dapat membuat elemen tidak tampil dengan benar. Selalu preview sebelum menyimpan.

1. Persiapan

Login ke akun Tumblr Anda.

Klik tombol Customize di bilah samping kanan.

Pilih Edit HTML di bilah samping kiri untuk membuka editor HTML.

2. Menyalin dan Mengubah Kode Bilah Samping

Scroll ke bawah dan temukan kode CSS bilah samping Anda. Biasanya dimulai dengan selector seperti #side, #sidebar, atau #leftbar. Pilih seluruh kode hingga tanda tutup kurung kurawal.

Tekan Ctrl+C untuk menyalin.

Letakkan kursor di akhir kode bilah samping dan tekan Ctrl+V untuk menempelkan salinan di bawah.

Ganti selector yang dipaste, contohnya #side menjadi #side2 (tanpa tanda kutip).

Sesuaikan properti CSS agar bilah samping kedua tidak tumpang tindih dengan bilah pertama. Contoh: jika bilah pertama memiliki left: 1050px;, ubah nilai ini agar kedua bilah berdampingan, misalnya left: 850px;. Anda juga dapat menyesuaikan lebar dan tinggi.

3. Menambahkan Elemen HTML ke Bilah Samping Baru

Tambahkan baris berikut sebelum tag penutup </body>:

<div id="Your 2nd Sidebar Name"></div>

Ganti “Your 2nd Sidebar Name” dengan nama yang diinginkan, misalnya “side2”.

Masukkan konten yang diinginkan di antara tag <div> dan </div>, misalnya:

<big>Here is my second sidebar</big>

4. Prewiew & Simpan

Tekan Update Preview di bagian atas bilah samping kiri untuk melihat perubahan.

Jika sudah sesuai, klik Save untuk menyimpan.

Tips

Selalu pratinjau blog sebelum menyimpan. Untuk mengembalikan tema lama, gunakan Tumblr Recover Custom Theme.

Catatan Penting

Hati-hati saat mengedit kode HTML tema. Kesalahan dapat membuat elemen tampil tidak semestinya.


URL:https://komputer.whycomputer.com/Internet/101319203.html

Internet
  • Cara Mengubah Font Judul pada Tumblr

    Tumblr benar-benar menghargai kreativitas penggunanya, sehingga mereka sengaja menghilangkan huruf e dari nama aplikasinya. Dengan memberikan akses penuh ke kode sumber, pengguna dapat menyesuaikan tampilan blog, termasuk jenis huruf judul. Langkah 1 Masuk ke akun Tumblr Anda. Langkah 2 Klik ata

  • Mentransfer Posting Tumblr ke Akun Lain: Cara & Tips

    Tumblr tidak menyediakan fitur langsung untuk memindahkan semua postingan dari satu akun ke akun lain. Namun, Anda dapat berbagi blog sekunder atau memindahkannya antar akun. Nama dan URL blog dapat diubah tanpa menghapus pengikut atau komentar yang telah Anda tinggalkan di konten pengguna lain. Jik

  • Cara Menghapus Tombol Reblog di Tumblr

    Dengan menonaktifkan tombol Reblog di blog Tumblr Anda, Anda dapat mencegah penyebaran tidak sah konten dan meningkatkan lalu lintas ke halaman Anda. Situs ini memungkinkan Anda melihat dan mengedit kode sumber tema melalui editor teks online. Anda dapat menggunakan fitur ini untuk menemukan kode ya

Jaringan komputer © https://komputer.whycomputer.com