Cara Edit Template Blog Melalui Sajian Desainer Tema Blogger Blogspot

Tema Blogger.com - Salah satu daya tarik dari sebuah web site atau blog ialah tampilan blog. Pengguna blogger.com sanggup merubah atau modifikasi tampilan template (tema) blog sesuai keinginan. Ada dua cara untuk merubah tema blogger.com ialah dengan edit html blog secara langsung atau melalui sajian Desainer Tema Blogger.

Sebagai seorang pemula yang belum begitu mengerti bahasa pemrograman html, tentu akan kesulitan ketika hendak memakai sajian html untuk merubah rancangan tema blog. Blogger.com menyediakan fiture sajian desainer tema blogger untuk memudahkan kita ketika hendak memodifikasi tampilan tema atau template blog sesuai dengan harapan kita masing-masing tanpa edit html secara langsung.

Baca Juga

Blogger.com sendiri menyediakan tema yang cukup beragam, mulai dari tema sederhana hingga yang berpenampilan dinamis. Kita sanggup menentukan tema tersebut sesuai dengan harapan dan selera kita masing-masing. Tema dengan tampilan dinamis akan lebih sulit dimodifikasi dibandingkan dengan tema dengan tampilan sederhana (simple). Selain itu, banyak blog dan web site yang mengulas cara edit atau modifikasi template blog memakai tema sederhana, sehingga banyak acuan yang sanggup kita gunakan.

Cara Edit Template Blog Melalui Menu Desainer Tema Blogger Blogspot

Setelah selesai menentukan tema, klik pada tombol “Sesuaikan” pada sajian “Tema” di dashboard blog. Setelah itu kita akan menjumpai sajian Desainer tema blogger menyerupai terlihat gambar di atas.

Sekarang mari kita lihat satu persatu apa saja yang sanggup kita lakukan pada editor rancangan tema milik blogger.com ini.

1. Tema

Meskipun sebelumnya kita sudah menentukan tema untuk blog yang kita punya, pada editor desainer tema blogger.com kita juga sanggup mengganti tema memakai tema yang tersedia secara default di blogger.com.

2. Latar Belakang

Setelah menentukan tema, selanjutnya lihat pada pengaturan latar belakang (background) tema. Terdapat dua macam background tema (template) blog ialah “Gambar Latar” dan “Warna Tema Utama”.

Gambar Latar :

Silahkan klik pada sajian ini untuk melihat koleksi gambar latar belakang yang tersedia di blogspot (blogger.com). Pilih salah satu gambar latar belakang kemudian klik pada tombol “simpan”. Kita sanggup melihat perubahan yang terjadi pada “live preview on blog” di sebelah bawah sajian desainer tema blogger.

Bila kita tidak menginginkan gambar latar pada blog, kita sanggup mengabaikannya. Lewati saja pengaturan gambar latar atau background ini dan blog akan memakai Warna tema utama sebagai warna latar.

Warna Tema Utama :

Tema ini dipakai untuk memberi warna pada template yang kita pakai. Warna yang kita pilih akan menjadi warna utama pada blog. Kita sanggup melihat perubahan yang terjadi pada “live preview” di bawah sajian desainer tema blogger. Bila kita tidak memakai Gambar Latar pada blog, maka warna ini akan menjadi warna latar belakang tema yang kita pakai.

Warna tema utama dipakai untuk merubah warna utama pada blog, termasuk pada element blog. Kita sanggup merubah warna element blog secara lebih spesifik pada tab sajian Lanjutan. Silahkan pilih salah satu warna yang kita suka untuk dijadikan warna utama pada tema blog.

3. Sesuaikan Lebar

Menu ini dipakai untuk mengatur lebar dari blog, termasuk lebar dari widget atau “Bilah Pinggir (kanan dan kiri)”. Menu Sesuaikan Lebar ini memakai satuan pixel (px) dan kita sanggup menuliskan besarnya nilai lebar dari blog pada kolom yang tersedia.

Selain itu kita juga sanggup memakai tombol “scroll” untuk menyesuaikan lebar blog, klik tombol kemudian tarik ke arah kanan (memperbesar) atau ke arah kiri (memperkecil) ukuran lebar blog. Secara umum penggunaan sajian “Sesuaikan Lebar” ini cukup gampang bahkan oleh mereka yang gres mengenal desainer tema blogger.

4. Tata Letak

Menu ini dipakai untuk mengatur layout atau tata letak element blog. Dibagi menjadi dua ialah “Tata Letak Isi” dan “Tata Letak Kaki”. Kita sanggup menentukan jenis tata letak sesuai dengan yang kita inginkan.

Tata Letak Isi :

Kita akan mempunyai cukup banyak pilihan pada sajian “Tata Letak Isi”, mulai dari yang hanya berisi satu (1) kolom hingga empat (4) kolom dengan model yang bervariasi. Silahkan pilih sesuai dengan selera masing-masing. Secara umum banyak bloger yang memakai dua (2) atau tiga (3) kolom.

Tata Letak Kaki :

Terdapat tiga (3) pilihan pada sajian ini ialah satu (1), dua (2) dan tiga (3) kaki. Silahkan pilih sesuai harapan masing-masing.

5. Lanjutan

Pada sajian ini kita sanggup melaksanakan modifikasi tema blog secara lebih spesifik, termasuk menambahkan CSS pada tema blog.

5.1 Teks Laman

Menu ini dipakai untuk mengatur “Font Family (Huruf)” dan “Warna Teks” pada laman blog. Font yang kita pilih akan menjadi font untuk teks pada laman blog termasuk artikel postingan. Sebaiknya pilihlah jenis font yang gampang dibaca dengan warna yang sanggup terlihat dengan jelas. Bila perlu atur juga ukuran font sementara untuk style (bold, italic) sebaiknya tidak perlu kita pakai pada teks laman, gunakan saja style normal.

Bila background laman memakai warna terang, gunakanlah teks dengan warna gelap. Begitu juga sebaliknya, kalau background laman memakai warna gelap maka, gunakanlah teks dengan warna terang. Selain jenis font dan warna teks, kita juga sanggup mengatur style untuk font (Bold dan Italic).

5.2 Latar (background)

Pada sajian Lanjutan submenu Latar, kita diberi beberapa pilihan untuk pengatuan latar atau background blog.

Latar Luar : Menu ini dipakai untuk mengganti warna latar luar tema blog. Bila kita tidak memakai lebar blog secara penuh, kita akan melihat dengan terang letak Latar Luar ini. Latar Luar dan Latar Utama merupakan kepingan yang terpisah dan kita sanggup menentukan background masing-masing element.
Latar Utama : Ini merupakan latar utama blog yang berisi laman postingan, widget dan element blog lainnya terkumpul di sini. Menu Latar Utama dipakai untuk menentukan atau mengatur warna background di Latar Utama ini.
Latar Header : Header merupakan salah satu element yang ada di blogger.com. Kita sanggup melihat header blog berada di sebelah atas di bawah “nav bar”. Header blog menampilkan judul dan deskripsi blog. Menu Latar Header dipakai untuk mengganti warna background pada header blog.

5.3 Link (Tautan)

Menu ini dipakai untuk mengatur warna Link atau tautan di dalam blog. Terdapat tiga (3) pengaturan warna pada link ini ialah : Warna Link, Warna Dikunjungi dan Warna Gulir (hover).

Warna Link : Menu ini dipakai untuk mengatur atau mengganti warna Link di dalam blog.
Warna Dikunjungi : Menu ini dipakai untuk mengatur warna pada Link sehabis dikunjungi atau di klik. Jadi, ketika pengunjung blog melaksanakan klik atau mengunjungi laman atau postingan di blog maka, Link yang mengarah ke laman yang sudah dikunjungi tersebut akan memakai warna ini.
Warna Gulir (hover) : Menu ini dipakai untuk mengatur warna gulir (hover) pada Link di dalam blog. Jadi, ketika kita melayangkan kursor mouse ke atas Link maka, warna Link akan berubah sesuai dengan warna yang sudah kita pilih di sajian ini.

5.4 Judul Blog

Menu ini dipakai untuk mengatur jenis Font dan warna Judul Blog. Kita sanggup memakai font default sistem yang disediakan oleh blogger.com atau font yang sudah kita tambahkan sebelumnya. Untuk cara menambahkan font ke blogger (blogspot) tidak saya uraikan dalam artikel ini. Gunakanlah font yang cocok untuk Judul blog, setidaknya mempunyai nilai atau karakteristik khusus sehingga Judul blog terlihat lebih menarik. Selain menentukan font, kita juga sanggup mengganti “Warna Judul Blog” melalui sajian ini. Silahkan pilih warna sesuai dengan selera masing-masing.

5.5 Deskripsi Blog

Menu ini dipakai untuk mengatur warna pada deskripsi blog. Silahkan gunakan warna sesuai selera masing-masing. Itu kalau kita ingin menampilan deskripsi blog, sebab biasanya deskripsi blog mengunakan teks yang cukup panjang dan kalau ditampilkan di dalam blog akan terlihat kurang bagus.

5.6 Teks Tab

Menu Tab ini dipakai untuk mengatur dekorasi pada tab sajian laman blog. Ketika kita menambahkan sajian horisontal memakai tab laman default blogger.com, kita akan memakai pengaturan tabs ini.

Pada sajian “Teks Tab” kita sanggup mengatur Font, Warna Teks dan Warna Yang Di Pilih.

Biasanya banyak bloger yang tidak memakai tabs sajian default blogger ini. Mereka lebih suka memakai sajian horisontal kreasi sendiri yang lebih gampang di modifikasi.

5.7 Latar Tab

Masih pada sajian tabs, kita sanggup merubah “Warna Latar” dan “Warna Yang Dipilih” pada sajian laman blog. Penggunaan warna latar pada sajian tab ini mungkin terlihat sedikit berbeda dengan warna pada umumya. Hal ini terjadi sebab pengaturan tabs yang dipakai oleh blogger.com.

5.8 Judul Posting

Menu ini dipakai untuk menentukan jenis Font pada Judul Postingan blog. Kita sanggup menentukan jenis font beserta ukuran dan style font (bold, italic).

5.9 Header Tanggal

Setiap postingan blog akan mempunyai aktivitas postingan yang ditandai dengan hari dan tanggal ketika kita memposting artikel di blog. Kita sanggup mengatur Font (font-family, bold, italic, size), Warna Teks dan Warna Latar pada “Header Tanggal” melalui sajian ini. Silahkan gunakan warna dan font sesuai selera masing-masing. Kita sanggup memunculkan dan menyembunyikan header tanggal melalui Menu Postingan Blog.

5.10 Catatan Entri Kaki

Pada Menu ini kita sanggup mengatur warna pada catatan kaki entri atau footer blog. Silahkan gunakan pengaturan yang tersedia untuk menentukan warna pada :

Warna Teks : Warna teks pada Catatan Entri Kaki blog
Warna Latar : Background untuk Catatan Entri Kaki blog
Warna Bayangan : Bayangan pada Catatan Entri Kaki blog

5.11 Gadget (Widget)

Pada blog terdapat element Gadget atau sanggup juga disebut juga dengan Widget. Melalui sajian ini kita sanggup mengatur Font dan Warna pada Judul Gadget.

Font Judul : Digunakan untuk menentukan jenis font pada Judul Gadget termasuk “font-family, bold, italic dan size dalam ukuran pixel (px)”
Warna Judul : Digunakan untuk mengatur warna pada Judul Widget
Warna Alternatif : Bila warna Judul tidak sanggup ditampilkan, maka pengaturan ini dipakai sebagai warna alternatif. Mungkin beberapa browser gagal menampilkan warna Judul utama pada widget dan Warna Alternatif inilah yang akan menggantikannya.

5.12 Gambar

Menu ini dipakai untuk mengatur teks, warna latar dan batas pada gambar yang terdapat di postingan blog.

Warna Latar : Merupakan warna background pada gambar yang terdapat di postingan blog.
Warna Batas : Merupakan warna batas pada gambar di dalam postingan blog.
Warna Teks Layar : Bila kita menyematkan teks pada properti gambar, kita sanggup memakai sajian ini untuk menentukan warna teks pada gambar di dalam postingan blog.

5.13 Aksen

Aksen pada blog memilik dua pengaturan yaitu, “Warna Garis Pemisah” dan “Warna Tepi Tab”.

Warna Garis Pemisah : Bila kita cermati, terdapat garis pemisah di dalam blog yang memisahkan antar element pada blog. Kita sanggup melihatnya dengan terang kalau warna garis pemisah tidak sama (kontras) dengan warna latar (background) pada blog.
Warna Tepi Tab : Pengaturan warna ini dipakai pada tepi tab sajian di blogger.com.

5. 14 Warna Tombol Seluler

Menu ini dipakai untuk mengatur warna teks pada tombol sajian di blog dalam mode selular. Jadi, ketika kita atau orang lain yang berkunjung ke blog ini memakai perangkat seluler akan melihat tombol sajian mempunyai warna menyerupai yang sudah kita atur di “Warna Tombol Seluler”.

5. 15 Tambahkan CSS

Menu ini dipakai untuk menambahkan CSS ke dalam tema blog. CSS (Cascading Style Sheets) dipakai untuk mengatur tampilan tema blog. Bila kita mengerti mengenai bahasa pemrograman CSS, kita sanggup mempercantik tampilan blog yang kita miliki sesuai dengan selera kita masing-masing.

Menu Designer Blogger ini merupakan cara paling gampang dalam mengedit template atau tema blog platform blogspot. Bila kita sudah mengetahui teknik dasar dalam melaksanakan editing tema blog, kita sanggup memodifikasi tema blog melalui menu html untuk menghasilkan tampilan tema blog yang lebih menarik, unik dan user friendly.

Kesimpulan

Gunkanlah tema blog yang menarik dan gampang dalam navigasi postingan sehingga pengunjung blog atau web site lebih nyaman ketika berkunjung ke blog yang kita miliki. Demikian cara edit template blog melalui sajian desainer tema blogger.com
Sumber http://sobmint.blogspot.com

iklan banner

Cara Edit Template Blog Melalui Sajian Desainer Tema Blogger Blogspot

Baca Juga