28 June, 2015

Mengatur Tata Letak Header Web Sites Google (bag.2a)

Oke sip, kita lanjut ke dalam tutorial lengkap membuat website Company Profile di bagian ke dua. Di bagian lanjutan ini kita akan mencoba mengatur layout atau tata letak website dengan tool yang telah di sediakan pada google sites ini.

Oke seperti apa caranya?
Yuk langsung aja kita ngacir .. ;)


Mengatur dan Membuat Tata Letak Website

Nah, di sini akan saya coba step by step, atau langkah per langkah.

Yang pertama harus kita lakukan adalah KLIK Icon Gear (Tindakan lainnya) di atas (di samping kiri tombol Bagikan)


--- Lalu Pilih Edit tata letak situs.



Nah yang beikut ini, saya coba memberikan panduan awal, nanti Kamu bisa menyesuaikan sendiri dengan keinginan kamu membuat tata letaknya seperti apa, oke...


1. Header

Header atau kepala website, untuk mengaturnya KLIK icon Header




Dengan header, sample layout dengan menggunakan header



Tanpa Header, sample layout tanpa menggunakan header



Nah, silahkan mau di pilih yang mana terserah kamu. Dengan header atau tanpa header. Jika kamu memilih yang dengan Header, kita bisa mengedit header lagi, dengan mengatur tata letak, menambahkan gambar atau logo dari perusahan Kamu, caranya :

Sorot semua header (lihat gambar)



Sampai muncul munculan Konfiguragikan tajuk situs




Pada Pilih Logo beri tanda tik pada logo khusus, lalu masukkan Pilih File gambar dari PC/komputer kamu


Ingat pilih gambar yang tidak terlalu besar dan sesuai dengan bentuk Logo, juga pastikan background logo tersebut transparan / PNG lihat juga postingan sebelumnya tentang membuat gambar transparan di Photoshop

Jika gambar telah masuk KLIK OKE


... dan beres Kemudian
KLIK Tombol Biru TUTUP

Hanya masalahnya, judul h2 blog ikut serta yah. Nah cara mengatasi judul header ini agar menghilang ikuti langkah berikut :

Kembali KLIK Icon Gear (Tindakan lainnya ~ m) lalu pilih Kelola Situs




Pada Nama situs hilangkan tanda centang pada Tampilkan nama situs di bagian atas laman dan KLIK Tombol Merah SIMPAN




Kembali ke pengeditan KLIK Pada nama situs Kamu di tab menu bilah sisi kiri



Dan beres penampakannya akan seperti ini :) mudah yah!!



Seep, lanjut lagi masih di pengaturan tata letek situs ... link navigasi saya lampirkan di bawah ini.


Daftar Isi
Tutorial Lengkap Cara
Membuat Website di Google Sites

Bagian 1
+ Sample Contoh Web Yang Sudah Jadi
+ Opening Artikel | Membuat Google Sites
+ Membuat Website Sites Google Baru

Bagian 2
+ Mengatur Tata Letak Header Website → sedang di lihat
+ Mengatur Navigasi Horizontal | Tab Menu
+ Mengatur Layout | Tata Letak website
(Sidebar, Footer dan Lebar Situs)

Bagian 3
+ Memasukkan Konten ke dalam Website
+ Menambahkan Media Video dan Gambar
+ Menambahkan & Membuat Link | URL Web

Bagian 4
+ Cara Edit & Tambah Sidebar Web Google Sites

Bagian 5
+ Cara Menambah Laman Ke Web Google Sites
+ Menambahkan Laman Web Menjadi Tab Menu

Bagian 6
+ Setting Website | Kelola Situs SitesGoogle
(Kelola situs, umum, membuat nama domain sendiri dan merubah tema)

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger