Cara Mengekalkan Header di Tumblr

Header blog Tumblr anda adalah ruang penting untuk mempromosikan jenama atau logo. Namun, bila pengguna mula menatal, header biasanya hilang. Untuk memastikan header sentiasa kelihatan, anda perlu menyesuaikan kod HTML tema anda.

Langkah-langkah Mengubahsuai Header

1. Log masuk ke akaun Tumblr anda dan pergi ke Settings pada papan pemuka.
2. Pilih blog yang dikehendaki, klik Customize untuk membuka skrin penyesuaian.
3. Pilih Edit HTML untuk mengakses editor kod tema.
4. Carian bahagian kod yang menentukan header. Jika tema menggunakan tajuk teks (contoh: Rubber Cement, Plaid) ia biasanya berada dalam tag <h1>. Jika menggunakan header gambar (contoh: Redux) ia biasanya berada di #wrapper #title.
5. Tambahkan baris berikut ke dalam bahagian header:

   position: fixed;
   

   Ini memastikan header tetap di tempat walaupun halaman ditatal.
6. Di bawah baris tersebut, tambahkan:

   z-index: 100;
   

   Nilai ini memastikan header berada di lapisan atas dan tidak terletak di bawah imej atau video lain.
7. Gunakan butang Update Preview dan uji penatalan menggunakan tetikus atau bar skrol pelayar untuk memastikan header kekal tetap.
8. Jika semuanya kelihatan betul, klik Save untuk menyimpan perubahan.

Tip Tambahan

Sesetengah tema boleh menyebabkan header menolak kandungan pos atau bar sisi. Tambahkan baris berikut ke bahagian pos dan sisi:

margin-top: 300px; /* ubah kepada tinggi sebenar header anda */

Ini akan memberi ruang di atas supaya header tidak menutup kandungan.

URL:https://ms.whycomputer.com/internet/1015019247.html