Mengenal Fitur-fitur Pada Menu Template Blog - Dasboard Blog

Pada materi ini, kita akan meninjau beberapa bagian yang berkaitan dengan desain dan struktur template blog. Perlu juga diketahui bahwa pada umumnya, para blogger lebih memilih untuk menggunakan custom template (bukan template default blogger) pada blog mereka. Ada banyak template blogger yang tersedia diinternet, baik itu merupakan template premium (berbayar) ataupun template yang dibagikan secara gratis oleh para developer.

Catatan:
Artikel ini hanya difokuskan untuk Pemahaman Awal saja. Untuk pembangunan blog lebih lanjut dan serius, sangat disarankan untuk menggunakan custom template. Hal ini karena selain akan membuat blog anda tampak profesional, custom template umumnya telah didesain dengan struktur HTML yang baik untuk Search Engine.

Daftar isi:
  1. Antarmuka utama menu template
  2. Fitur Customisasi / Penyesuaian Template
    1. Mengganti Background Gambar Template
    2. Mengganti Tema Warna Utama
    3. Mengatur Lebar Elemen
    4. Mengatur Jenis, Warna Font, dan Warna Element
  3. Cara upload template hasil download


1. Antarmuka Utama Menu Template pada Dashboard Blog

Menuju pada menu "Template" yang terdapat pada dashboard blog. Halaman ini akan menampikan preview template blog. Tepatnya adalah 2 versi preview yaitu preview untuk tampilan desktop dan preview untuk tampilan versi mobile / selular atau ponsel.

Cara edit template blogspot

Pada bagian preview ini, anda akan melihat banyak pilihan desain template yang bisa langsung anda terapkan / gunakan pada blog anda. Ada sebanyak 34 pilihan desain template tersedia yang dikelompokkan kedalam beberapa kategori.

Cara mengganti desain template blogspot

Sekarang saya akan mulai menerapkan salah satu desain yang terdapat pada kategori "Jendela Gambar" seperti yang terlihat pada gambar dibawah ini.

Cara memasang template blogspot

Akan terbuka layar pratinjau tampilan template, Klik "Terapkan ke Blog" untuk menggunakan template.

Cara memasang template blog sendiri di blogspot

Sekarang kunjungi blog dan anda akan melihat tampilan blog telah berubah sesuai dengan template yang dipilih ^_^

Cara edit tampilan template blogspot jadi keren

2. Fitur Customisasi Template Blogger

Apa itu fitur Customisasi Template di Blogger.com ? Singkatnya, fitur customisasi template di blogger ini memungkinkan kita untuk dapat melakukan berbagai penyesuaian terhadap template blog. Penyesuaian-penyesuaian ini bisa berupa pengaturan warna, font, struktur template, lebar beberapa elemen template dan lain sebagainya. Untuk menuju halaman editor template ini, Klik "Sesuaikan" dibagian bawah preview template.

Cara mengedit tampilan template default bawaan dari blogspot

Akan terbuka antarmuka Perancangan Template dengan live preview. Ada 5 menu perancangan yang terdapat disini, yaitu Template, Latar Belakang, Sesuaikan lebar, Tata Letak dan Tingkat lanjut.

Cara merancang template blogger

Untuk bagian "template", ini kurang lebih sama saja dengan penerapan template yang sebelumnya kita lakukan pada antarmuka utama. Kita akan mulai meninjau bagian "Latar belakang". Pada bagian latar belakang, anda bisa menyesuaikan background gambar serta pengaturan warna utama blog.

Cara mengganti background gambar template blogspot

Mengganti Gambar Latar Belakang Template Blog

Tertait tentang Gambar Latar, ada banyak sekali pilihan gambar yang bisa anda gunakan pada template blog anda, pilih sesuai dengan selera saja ^_^. Untuk mengganti latar belakang, klik pada "Gambar latar" (poin 1 gambar dibawah) - Pilih gambar yang ingin digunakan - Klik "Simpan" dan terakhir klik "Terapkan ke Blog" untuk menyimpan pengaturan.

Cara mengubah latar belakang blog

Perubah dapat langsung anda lihat pada bagian live preview template. Atau untuk lebih jelasnya kunjungi blog anda dan anda akan melihat background gambar telah berubah sesuai dengan pilihan anda.

Cara mengganti warna background bagian template header

Selain dengan banyaknya pilihan background gambar template, jika anda enggan menggunakan background, anda bisa menghapus background template melalui link "Hapus Gambar" yang terdapat dibawan bawah "Gambar Latar".

Mengganti Tema Warna Utama Template Blog

Fitur ini memungkinkan kita untuk dapat mengganti tema warna utama pada template. Tema warna utama yang diterapkan akan mempengaruhi beberapa elemen. Dalam template ini, elemen yang berubah adalah warna Header dan Link. Disini saya coba untuk menggunakan warna biru sebagai tema warna utama template.

Cara mengubah warna template blogger jadi cantik dan keren

Pengaturan tema warna utama disini hanya berpengaruh pada bagian tertentu saja. Untuk mengubah bagian lainnya dengan lebih spesifik, anda dapat melakukannya pada menu "Tingkat Lanjut". Namun sebelum itu, akan kita tinjau dulu pengaturan pada menu "Sesuaikan lebar" dan "Tata Letak".

Pengaturan Lebar Elemen dan Tata Letak Template Blog

Pada menu "Sesuaikan lebar", anda dapat mengatur lebar untuk element tertentu, dalam kasus ini yaitu lebar keseluruhan dan lebar sidebar template.

Cara mengubah lebar elemen template blogspot

Selanjutnya adalah bagian menu "Tata Letak". Ini adalah pengaturan untuk struktur template. Ada 2 bagian yang bisa diatur disini yaitu tata letak untuk isi / content (juga termasuk sidebar), dan tata letak untuk element footer (bagian bawah template blog).

Cara mengatur struktur template blogspot

Terlihat bahwa pada bagian isi, tata letak yang aktif adalah bagian content memiliki 2 kolom, disini saya contohkan mengubah struktur template bagian isi ini menjadi 3 kolom.

Cara membuat template blogspot menjadi 3 kolom

Pengaturan tata letak ini juga akan mempengaruhi elemen pada menu "Tata Letak" yang terdapat pada antarmuka utama dashboard blog yang telah anda jumpai pada materi sebelumnya (Mengenal menu tata letak / layout blog - Materi 13).

Seperti yang terlihat pada bagian live preview, layout template telah berubah menjadi 3 kolom dengan penambahan 1 kolom disebelah kiri (baca: sidebar kiri). Anda dapat menambahkan widget pada sidebar kiri ini pada menu tata letak / layout blog.

Edit Menu tata letak / layout blog

Dalam contoh ini, karena elemen sidebar kiri ini masih kosong, saya coba memindahkan widget "Arsip Blog" dan "Mengenai Saya" dari sidebar kanan ke sidebar kiri, kurang lebih seperti berikut:

Cara memindahkan posisi widget di blogspot

Sekarang kunjungi blog untuk melihat perubahan yang telah dilakukan.

Hasil edit template blogspot

Kok ukuran bagian postnya jadi kecil ya ?

Gampang ..! Cukup kembali lagi pada pengaturan "Sesuaikan Lebar", kita dapat mengatur lebar bagian-bagian ini dengan sangat mudah. ^_^

Cara mengatur lebar / luas bagian template blogspot

Mengatur Jenis, Warna Font, Warna Element pada Pengaturan "Tingkat Lanjut" Perancangan Template

Selain dengan berbagai penyesuaian diatas, pada menu Perancangan tempalate "Tingkat Lanjut", anda bisa mengatur berbagai elemen dengan lebih spesifik lagi. Jika pada pengaturan tema warna utama sebelumnya hanya berpengaruh pada bagian tertentu saja, disini anda bisa melakukan banyak sekali penyesuaian.

Cara mengganti font, ukuran huruf, warna di template blogspot

Seperti yang terlihat pada gambar diatas, pada bagian kiri terdapat berbagai sub menu pengaturan yang bisa anda sesuaikan. Untuk contoh ini, tidak banyak yang saya ubah, hanya mengganti font Judul posting (impact, 24px) dan Judul widget / header tanggal (impact 16px). Hasil tampilan blog dari berbagai penyesuaian yang telah dilakukan kurang lebih seperti berikut:

Cara mengganti warna font judul postingan blogspot

Sekarang anda sudah mengenal sidikit banyak tentang bagaimana cara menyesuaikan template default blogger.

PENTING..!
Perlu diketahui juga bahwa menu-menu penyesuaian ini pada umumnya cukup jarang ditemui pada template-template blogspot yang tersedia secara gratis maupun berbayar (bukan template default blogger). Dengan kata lain, sebagian besar template hasil kreasi para developer yang tersedia tidak mendukung menu penyesuaian ini. Walaupun mungkin ada template-template tertentu yang mendukung fitur customisasi, umumnya fitur yang diberikan tidaklah selengkap yang diberikan oleh template default blogger. Misal, tidak tersedianya fitur penyesuaian lebar elemen.

Banyak developer template menganggap bahwa men-disable fitur ini akan membuat template menjadi lebih optimal, terutama untuk kecepatan muat halaman. Ini sedikit banyak akan mengarah pada keyakinan para developer tentang penerapan SEO template yang baik.

Seperti yang telah saya sampaikan diatas, untuk kegiatan blogging yang lebih serius. Sangat direkomendasikan untuk menggunakan template custom (bukan template default). Tidak hanya masalah desain yang dipertimbangkan disini, sisi SEO template juga menjadi prioritas utama kita ^_^.

Apakah tidak sulit jika saya menggunakan custom template pada keadaan dimana saya masih NOL besar tentang coding template ?

Simple ,..! Ala bisa Karna Biasa ^_^
Anda bisa menggunaka template yang berasal dari wiBlogger.com ini untuk blog anda. Walaupun template yang terdapat pada wiBlogger.com ini tersedia dalam 2 versi (versi gratis dan berbayar). Pada versi gratis, saya tidak akan membatasi panduan / tutorial yang memang benar-benar anda butuhkan. Jadi, selagi anda bisa mengikuti intruksi dengan baik, tidak akan ada masalah ^_^

Untuk selanjutnya, saya akan menggunakan template FreshOptimz yang merupakan template pertama yang diterbitkan oleh wiBlogger.com. Anda juga bisa menggunakan template lainnya (jika telah tersedia) yang berasal dari wiBlogger.com. Ini karena setiap template yang saya terbitkan pada situs wiBlogger.com telah dilengkapi dengan tutorial instalasi serta beberapa pengaturan lainnya dengan sangat lengkap. Seperti yang telah saya bilang, meski dalam versi gratis, saya tidak akan membatasi apapun yang memang benar-benar anda butuhkan ^_^.


Subscribe to receive free email updates:

0 Response to "Mengenal Fitur-fitur Pada Menu Template Blog - Dasboard Blog"

Posting Komentar

loading...