Hai GAES π setelah saya posting tentang
Membuat Dan Memasang Favicon Blog , Sekarang saya akan memposting tentang desain blog.
Desain Blog sendiri
adalah salah satu hal yang paling
membuat blogger pemula pusing tujuh
keliling. Belum lagi harus dihadapkan dengan coding CSS, Javascript, PHP
supaya bisa membuat desain blog sendiri menjadi lebih menarik dan keren tentunya.
Pertama kita harus memahami dulu GAES. Oke, mari kita mulai membahasnya.
Memahami Struktur Template Sebelum Mendesain Blog
Kebanyakan blogger pemula sering melupakan hal sederhana ini. Yaitu : tentang dasar mendesain sebuah blog.
Inilah yang membuat blogger pemula merasa sulit ketika bertemu dengan bahasa coding yang lebih rumit dari ngertiin cewek itu.
Jadi,
ada baiknya jika baru mulai belajar membuat desain blog sendiri untuk
memahami dulu struktur apa saja yang ada di sebuah template.
1. Header
Header Blog
adalah bagian kepala atau bagian paling atas di dalam sebuah blog. Pada
bagian header, biasanya terdapat Judul Blog dan Deskripsi blog. Namun,
itu yang biasanya.
Untuk beberapa blog kadang ditambahkan button social media, banner, dll.
Penulisan script Header biasanya diawali dengan code <header>
dan diakhiri dengan </header>
. Pada script inilah kalian bisa mengedit title
dan description
dalam sebuah blog.
2. Sidebar
Sidebar Blog adalah
bagian dalam tata letak suatu blog. Biasanya, sidebar blog memiliki 2
posisi, yaitu di kanan atau kiri. Ada juga beberapa template blog
menampilkan di kedua posisi tersebut.
Hal ini kembali ke selera dari penggunanya.
Pada
sidebar blog dapat ditambahkah widget pendukung untuk memudahkan
pembaca menavigasi blog kalian. Seperti contohnya Widget Arsip Blog,
Kategori, Artikel Terbaru, Profil dll.
3. Post
Post Blog adalah hasil
dari keseluruhan konten yang sudah kamu tulis dan upload. Pada post
biasanya menampilkan Judul, Isi Konten dan Kolom Komentar.
Pada konten, kalian bisa menambahkan mulai dari teks, foto, video, gif, embed, dll.
4. Footer
Footer Blog adalah
bagian kaki atau bagian paling bawah dari sebuah blog. Pada footer,
biasanya terdapat informasi hak cipta (credit title) dari blog dan ada
juga ditambahkan widget di beberapa template blog.
Pada template default blogger, penulisan codenya dimulai dari <footer>
dan diakhiri dengan </footer>
.
Bagaimana? Sekarang kalian sudah mulai pahamkan, apa saja yang ada di dalam sebuah template blog.
Nah, sekarang saya akan melanjutakan ke panduan tentang cara desain blog supaya menarik. Selengkapnya di bawah ini.
Cara mendesain blog di Blogger/Blogspot
Sebenarnya, jika kalian rajin membaca Google Answer tentang
Mengubah Desain Blog, tentunya sudah tidak perlu saya lanjutkan lagi bagaimana supaya bisa mendesain blog sendiri.
Tapi, memang saya akui sendiri bahwa Google Answer masih menjawab perihal pertanyaan mendasar.
Jadi, wajar saja jika kalian yang baru memulai blog, masih merasa bingung dengan apa yang dijelaskan.
Nah, supaya gak bingung, mari kita mulai membahasnya.
Cara mengedit desain template blog di blogger :
- Masuk ke Blogger.com
- Pilih blog mana yang ingin kalian desain templatenya
- Pada menu sebelah kiri, silahkan klik Template
- Klik Sesuaikan (jika ingin mengedit tanpa mikirin coding) dan klik Edit HTML (jika mau mencoba mengedit dengan coding)
- Pada menu sebelah kiri, kalian bisa memilih Template, mendesain Latar Belakang, Lebar Blog, Tata Letak dan Tingkat Lanjut.
- Jika sudah selesai, klik Terapkan ke blog di kanan atas
- Untuk melihat hasil desain, klik Lihat Blog di kanan atas.
Sampai di sini, mungkin kalian masih ada bingung pada beberapa fungsi yang saya jelaskan di atas.
Makanya,
sekarang saya akan jelaskan apa saja fungsi yang bisa diterapkan
pada masing-masing menu pada dashboard desain blogger.
Setelah klik Template pada menu di kiri. Maka akan tampil dua pilihan Sesuaikan atau Edit HTML.
Kedua tombol ini memiliki fungsi yang sama, tapi mereka memiliki cara yang berbeda.
Ketika kalian klik Sesuaikan, maka akan tampil dashboard desain blog yang sangat mudah untuk mengaturnya.
Begini penjelasan fungsi-fungsi menu di dashboard desain blogger :
- Template : menu ini memberikan pilihan template default yang sudah disiapkan oleh blogger yang bisa digunakan dan dicustomize dengan mudah.
- Latar Belakang : menu ini digunakan untuk mengubah background dan tema warna utama dari template yang dipilih
- Sesuaikan Lebar
: menu yang satu ini tentunya untuk mengatur seberapa lebar blog yang
akan kamu miliki. Bukan cuman lebar keseluruhan blog, tapi bilah samping
yang berarti pembagian lebar sidebar dan post di blog kamu. Masih
ingatkan apa itu sidebar dan post?
- Tata Letak :
menu ini digunakan untuk mengatur tata letak isi (apakah ingin
menggunakan sidebar, atau tidak dll). Dan juga tata letak kaki
yaitu footernya ingin 3 colom widget atau hanya satu. Bukan cuma itu
saja, kalian juga bisa menambahkan widget pada sidebar yang akan
Pangeran jelaskan di bab selanjutnya.
- Tingkat Lanjut :
menu ini adalah menu yang sering Pangeran gunakan, karena pada menu ini
kalian bisa mengubah warna judul, deskripsi, garis yang ada di blog.
Selain itu, bisa juga mengubah font dan ukuran dari font judul blog,
judul konten blog, deskripisi blog, judul sidebar, dll.
Nah Masih bingung GAES?Silahkan tanya di komentar π
Selanjutnya saya akan membahas tombol ke-2. Yaitu Edit HTML.
Ketika kalian klik edit html, tampilannya akan sangat berbeda dengan tombol sesuaikan :
Terlihatkan apa yang berbeda?
Cara Desain Template Blogger Menjadi Responsive :
- Masuk ke blogger.com
- Pilih blog yang ingin dibuar responsive
- Klik template yang di menu sebelah kiri
- Pada kolom “seluler” klik sesuaikan template seluler dan pilih template untuk tampilan mobilenya
- Jika sudah, kalian bisa pratinjau untuk melihat hasil dan klik Simpan.
Untuk mendapatkan update panduan baru, silahkan subscribe blog ini. Gratis kok π..
Semoga bermanfaat.
Sebagai penutup, saya harap kalian tidak usah terlalu bingung dengan desain blog itu harus sebagus apa.
Tetap, yang paling penting adalah konten GAES.
Jika kalian bingung dengan coding, sekarang sudah banyak template
blogger gratis yang bisa kalian download sesuai dengan selera kalian.
Okee Terima Kasih sudah berkunjung GAES ,,, Sekian, see you π