Atur elemen HTML

Mengatur elemen HTML

Setelah melalui langkah meminimalkan widget dan menyesuaikan font, selanjutnya atur dan susun elemen-elemen HTML dalam template yang dibutuhkan sebelum mulai berkreasi memodifikasi blog. Hal ini akan sangat membantu tahap selanjutnya karena susunan kerangka halaman telah dipahami di awal pada saat mengatur susunan elemennya.

Susun kerangka halaman menjadi 3 bagian utama.

Kerangka utama halaman berada diantara tag body

<body>
<!--Disini letak kerangka halaman-->
</body>

Didalam <body> terdapat minimal 3 bagian utama yaitu:

Kepala > <header>
badan (utama) > <main>
kaki > <footer>

**Pada umumnya setiap bagian tersebut dapat berisi lebih dari 1 widget.

Dalam template bawaan Blogger tag <header> berada dalam satu kontainer dengan <main> meskipun berbeda kolom. Hal ini akan terlihat pada saat mengatur lebar halaman, maka keduanya akan terpengaruh.

Untuk menghindari hal tersebut, buat kontainer baru untuk <header> atau cukup keluarkan saja dari kontainer awalnya agar terpisah dan tidak saling mempengaruhi. (Seperti halnya <footer>)

Ilustrasi susunan 3 bagian kerangka HTML halaman akan menjadi seperti berikut ini:

<body>
    
    <header>
        <b:section>
            <!--Widget header--> <!--Widget search-->
        </b:section>
    </header>
    
    <main>
        <b:section>
            <!--Widget Blog1-->
        </b:section>
        
        <b:section>
            <!--Widget lainnya-->
        </b:section>
    </main>
    
    <footer>
        <b:section>
            <!--Widget footer-->
        </b:section>
    </footer>
</body>

Dengan membuat kerangka menjadi 3 bagian terpisah, akan lebih mudah mengatur masing-masing bagian tanpa menggangu bagian lainnya. Apabila satu bagian selesai, maka pengerjaan akan berfokus dibagian tersebut.

Biasakan melakukan pencadangan disetiap tahap pengerjaan, agar tidak mengulang dari awal apabila terjadi kesalahan yang membingungkan tinggal memulihkan kembali dari cadangan.

Sebelumnya

Selanjutnya

Tema Blogger Catatan modif template Blogger responsive

Atur elemen HTML

Mengatur elemen HTML

Susun kerangka halaman menjadi 3 bagian utama.

Posting Komentar

Tema Blogger