Cara Membuat Sidebar Tetap di Tumblr

Jika Anda pernah menggulir ke bawah halaman Web dan item di dalamnya tidak bergerak, Anda telah menyaksikan tag posisi CSS dalam aksi. Blogger Tumblr yang menambahkan tag ini ke templat mereka dapat membuat efek yang sama di blog mereka. Tempat yang baik untuk mencoba ini ada di sidebar Anda. Setelah Anda menambahkan tag posisi ke kode HTML blog Anda, sidebar Anda tetap tetap ketika orang-orang menggulir ke atas dan ke bawah halaman blog Anda.

Kunjungi dasbor Tumblr Anda, lalu klik ikon pengaturan dan nama blog yang Anda tuju. ingin memperbarui. Jika Anda hanya memiliki satu blog, klik namanya.

Klik "Kustomisasi" diikuti oleh "HTML Ditambahkan." Tumblr membuka tema Anda dan menampilkan kode HTML-nya.

Klik di mana saja di dalam kode dan tekan "Ctrl-A" diikuti oleh "Ctrl-C" untuk menyalin kode ke clipboard Windows. Buka dokumen Notepad baru dan tempel kode ke dalam dokumen. Langkah-langkah ini memastikan bahwa Anda memiliki salinan cadangan dari template asli Anda.

Kembali ke kode HTML Tumblr dan tekan "Ctrl-F" untuk membuka kotak pencarian. Ketik "sidebar" di kotak pencarian itu, lalu tekan "Enter." Tumblr menemukan kemunculan pertama "sidebar" dan menampilkan bagian kode yang berisi kata itu. Kode yang ditemukannya akan terlihat serupa dengan yang berikut:

wrapper #sidebar {color: {color: Background}; }

Baris kode pertama berisi kata-kata #wrapper #sidebar. Tanda kurung kiri mengikuti kata-kata itu.

Tempel kode berikut tepat di bawah baris kode pertama:

posisi: diperbaiki; kanan: 100px;

Atribut posisi menginstruksikan browser untuk memperbaiki sidebar sehingga tidak bergerak saat Anda menggulir. Atribut kanan memberi tahu browser berapa banyak piksel yang Anda inginkan dari tepi kanan bilah samping untuk duduk dari margin kanan halaman Web. Dalam contoh ini, atribut kanan memiliki nilai 100px.

Klik "Perbarui Pratinjau" untuk melihat pratinjau perubahan Anda. Seret bilah gulir jendela ke atas dan ke bawah dan Anda akan melihat bahwa bilah samping Anda tidak bergerak. Klik "Simpan" untuk menyimpan perubahan Anda.

Kiat

Anda mungkin ingin bereksperimen dengan nilai yang berbeda untuk atribut yang tepat jika Anda ingin menyesuaikan posisi horizontal bilah sisi. Misalnya, jika Anda mengubah nilai dari 100px menjadi 50px, bilah sisi bergerak lebih jauh ke kanan dengan 50 piksel.

Peringatan

Hati-hati saat Anda bekerja di editor HTML, karena mengubah kode yang ada secara tidak sengaja dapat memiliki efek dramatis pada tata letak halaman Anda. Jika Anda mengubah kode dan tidak dapat menemukan cara membatalkan perubahan, Anda selalu dapat menghapus semua yang ada di editor HTML dan menempelkan kode cadangan yang Anda salin ke editor untuk mengembalikannya ke kondisi semula.

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