14 Oktober 2019

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

www.niguru.com
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:

www.niguru.com

www.niguru.com

Website 3 kolom:

www.niguru.com

www.niguru.com


Website 4 kolom:

www.niguru.com

www.niguru.com


 Note:
Niguru.com memiliki halaman web 2 kolom.

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

www.niguru.com


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:

www.niguru.com

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


www.niguru.com

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


www.niguru.com

Klik Save arrangement untuk menyimpan hasilnya:


www.niguru.com

Klik “View Blog” untuk melihat hasilnya:


www.niguru.com

www.niguru.com


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)

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...