Berbagai Tampilan Layout Pada Halaman Web, Dan Cara Mengatur Layout Dan Kolom Pada Blogger

Niguru.com | Senin, 14 Okt 2019 | Pada Blogger (Blogspot) selain tersedia fasilitas untuk mengatur tema dari tampilan web, juga terdapat fasilitas untuk mengatur jumlah kolom pada halaman web.

Meski tampilan dari halaman web sangat banyak variasinya, namun ada beberapa hal merupakan kesamaan secara umum, yaitu adanya 4 komponen layout: Header, Main Column, Sidebar dan Footer.



Header adalah bagian dari halaman web yang terletak dibagian atas, berfungsi sebagai semacam “sign board” (papan nama) dari halaman web. Main Column adalah kolom dimana artikel atau konten utama ditempatkan.

Sidebar adalah kolom dimana komponen pelengkap web ditempatkan, seperti link, iklan, catatan tambahan, keterangan tentang detail dari perusahaan atau pemilik website, dan lain sebagainya.

Jumlah kolom yang dipakai pada website umumnya 2 sampai 4 kolom. Karena halaman web 1 kolom atau tanpa pembagi akan tampak seperti poster, dan bukan halaman web. Dan halaman web bila terbagi sampai 5 kolom akan terlalu kecil ruang yang tersedia untuk penempatan kontennya.

Berikut ini adalah contoh beberapa website dengan tampilan dan jumlah kolom yang berbeda-beda:

Website 2 kolom:

Website 3 kolom:

Website 4 kolom:

 Note:
Niguru.com memiliki halaman web 2 kolom.

Mengatur layout setting pada Blogger:
Login ke Blogger > klik sidebar menu: Theme > Customize:

Klik sidebar menu: Layout > Pada Body layout, pilih layout dengan jumlah kolom yang sesuai > Pada Footer layout, pilih footer dengan jumlah kolom footer yang sesuai:

Klik: Apply to Blog setelah pemilihan layout selesai, dan lanjutkan dengan klik link text “Back to Blogger”:

Klik sidebar menu: Layout untuk mengatur posisi dari setiap blok dari layout:

Klik Save arrangement untuk menyimpan hasilnya:

Klik “View Blog” untuk melihat hasilnya:

Demikianlah penjelasan mengenai jenis-jenis layout pada halaman web dan cara untuk melakukan layout setting pada Blogger.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Lokasi:

Berbagi :