Friday, August 20, 2021

TUTORIAL MELETAKKAN KEPALA BLOG DI TENGAH-TENGAH



Bagi sesiapa yang biasa mengunjungi blog saya, pastinya perasan ada sedikit perubahan di dalam blog ini. Ia bukanlah satu perubahan yang besar, cuma sedikit perubahan pada susun atur (layout) blog sahaja. Sekiranya anda menggunakan komputer peribadi untuk melayari blog ini, paparannya sebesar skrin komputer.

Apabila menukar susun atur, menjadi seperti cacat pula saya lihatkan kepala blog (blog header) yang tidak ikut ukuran sepertimana saiz badan blog (blog body). Kepala blog memberat ke sebelah kiri manakala sebelah kanannya ada ruang kosong. Perkara ini telah lama saya cuba atasi namun menemui jalan buntu.

Saya cuba menyelesaikannya dengan mencari solusi dengan carian di Google. Namun 4,5 buah blog yang saya temui memberi penerangan tidak cocok dengan aturan pengeditan di blog saya. Akhirnya saya telah terjumpa sebuah blog dari luar negara yang banyak membantu saya dalam penyelesaian yang saya perlukan dan ia sungguh ringkas dan mudah.

Sekiranya kalian mempunyai masalah yang serupa untuk meletakkan kepala blog anda di tengah-tengah, bolehlah ikuti langkah-langkah ini :

1. Klik 'theme' dan 'edit html'

2. Cari kod ini : ]]></b:skin> Jika terdapat kesukaran untuk mencari kod ini secara manual, sila tekan 'ctrl & F' kemudian tampalkan kod tersebut dalam carian.

3. Selepas jumpa, sila tampalkan kod di bawah ini sebelum kod ]]></b:skin> :

.header-inner .Header #header-inner { display: block; margin: 0 auto; width: 750px; }

4. Sudah hampir selesai... Selepas itu, sila edit ukuran "750px" di atas mengikut kehendak ukuran yang kalian mahukan. 

5. Setelah selesai, sila simpan (save) dan selesai.

Sekian sahaja perkongsiannya. Moga bermanfaat.

33 comments:

  1. Oooo... melayu nya 'kepala blog'

    TQ info

    ReplyDelete
  2. Perkongsian yang menarik.. Saya dah lama tak tengok coding nie, rasanya macam blur kejap kalu tengok.. hihi apapun blog encik nampak elegan, sesuai dengan empunya blog..

    ReplyDelete
    Replies
    1. Puas saya mencuba sebelum ini.. Nasib baik jumpa blog yang memberi penerangan yang baik.

      Delete
  3. Wah...sudah pandai ni edit template...nanti bleh la upah buatkana template...hehehehhe

    ReplyDelete
    Replies
    1. Sendiri-sendiri boleh le.. Buat orang punya tak berani.. Hehe

      Delete
  4. Good sharing. Kalau dulu blogger ada cursor untuk kita adjust header dan sidebar, sekarang takde dah.

    ReplyDelete
  5. Kepala blog hitam putih, kombinasi warna yang menarik.

    ReplyDelete
  6. saya tak berapa suka nak tukar2 theme atau layout blog, sebab selalu akan jadi masalah macam ni.. pastu terpaksa mencari solution utk mengatasi nya. Apa2 pon terima kasih atas perkongsian..

    ReplyDelete
    Replies
    1. Saya tak suka juga.. Sikit-sikit boleh le.

      Delete
  7. Aduhai dah lama x main coding macam ni..saya betul2 dah lama tinggai fairus..dulu2 rajin betul buat tutorial..

    ReplyDelete
    Replies
    1. Saya pun bukan biasa sangat.. Sikit-sikit boleh le.

      Delete
  8. Rasa macam pelik bila jadi kepala blog hahaha

    ReplyDelete
  9. Semoga bermanfaat kepada mereka yang memerlukan.

    ReplyDelete
  10. Perkongsian yang menarik. Hari tu edit juga di html untuk saiz header. sebab paparan di laptop/pc tidak sama seperti di mobile.

    ReplyDelete
  11. Nampak elok bila header blog duduk elok tengah tengah. Lama tak membelek coding ni. Pening juga kadang
    Terima kasih untuk perkongsian

    ReplyDelete
    Replies
    1. Ya... Pening kepala mula² dulu bila nak tukar ukuran blog tapi header duk belah tepi . Nasib baik jumpa tutorial berkaitan.

      Delete
  12. 5-6 thn lps ni laa keje sy asik dok ejas header je. usik sn usik sini. ๐Ÿ˜†๐Ÿ˜†๐Ÿ˜†time tu suka nau2 main code html ni. skrg? hmmm terbang dah ilmu2 tu๐Ÿ˜†๐Ÿ˜†๐Ÿ˜†

    ReplyDelete
    Replies
    1. Masih ada ilmu tu, cuba tak tunjukkan saja. Hehe.

      Delete
  13. patut nampak lain๐Ÿ˜Šdulu suka gofek2 code html ni. laa ni tgk je dah pening๐Ÿ˜†๐Ÿ˜†

    ReplyDelete
  14. perkongsian yang baik, berguna pada yang mencari caranya

    ReplyDelete
  15. Perkongsian yg menarik . Dah lama ccl tak belajar coding blog ni . Dah hampir terlupa

    ReplyDelete
  16. thanks for sharing..boleh cuba nanti, kepala blog tkde gambar lagi..

    ReplyDelete

Komen saja... Jangan segan-segan.