02 April 2010 ~ 1 Comment

Customize tampilan blogspot dengan template designer

awebs.net

Ada banyak website yang menyediakan template gratis untuk blog kita di blogspot. Namun seperti tulisan sebelumnya tentang membuat readmore di blogspot, banyak template lama yang beberapa tidak sesuai dengan pembaruan blogger. Apalagi kalau kita awam dengan coding, maka kita akan kesulitan jika ingin menambahkan “sesuatu” yang bisa mempercantik blog kita. Misalnya read more. Nah jika kita login di dashboard blogger in draft maka ada fitur untuk custom template yang disediakan oleh blogger. Untuk itu pertama – tama kita login  bukan dari www.blogger.com tetapi dari draft.blogger.com. Setelah login di dashboard kita click layout.

Kemudian ada menu Template Designer. Kita click maka kita akan masuk ke halaman untuk mengkustom template:

Didalam halaman Template Designer ini ada beberapa menu dan di bawahnya adalah preview dari perubahan template yang kita kustom.

Beberapa menu yang ada adalah : Template, Background, Layout dan advanced. Kita akan membahas satu persatu.

Template

Di menu ini kita bisa memilih template dasar yang akan kita edit. Ada beberapa template yang bisa kita pilih untuk di kostumisasi.

Pilih salah satu dan langsung kita bisa lihat preview dibawahnya.

Background

Dalam menu ini ada sub menu yaitu Background Image dan Main Color Theme.

Background Image kita bisa mengganti gambar background template dasar yang sudah kita pilih tadi. Namun gambar background hanya bisa memilih yang disediakan oleh Theme Designer Blogger ini. Kita bisa mengganti dengan gambar sendiri melalui Edit HTML. Ada banyak pilihan gambar yang bagus – bagus. Cara mengganti gambar adalah kita clik pada gambar dibawah menu Background Image. Setelah di clik akan muncul window seperti ini:

Sedangkan Main Color Theme adalah warna – warna font yang bisa kita pilih. Walaupun demikian kita bisa menganti dengan click gambar dibawah menu Main Color Theme. Namun jika masih kurang puas dengan pilihan preset warna kita bisa ke menu Advance untuk merubahnya. Akan kita bahas setelah membahas Layout.

Layout.

Layout adalah tampilan dari blog kita, akan ada berapa sidebar untuk menambahkan Gadget, mengatur lebar sidebar maupun bagian blog. Ada tiga submenu yaitu Body Layout, Footer Layout dan Adjust Width.

Body Layout.

Di body layout kita akan mengatur bagian posting blog dan sidebar. Ada beberapa pilihan sidebar baik dikiri, kanan, maupun kiri dan kanan. Kita tinggal memilihnya. Jika blog kita telah banyak dipasang gadget, kita bisa mengaturnya langsung dengan tarik dan taruh (drag & drop) sesuai dengan selera ataupun ditambah dan dibuang.

Footer Layout

Footer Layout digunakan jika kita ingin menambahkan tempat gadget yang letaknya bukan disebelah kanan atau kiri posting blog (sidebar), namun dibawah posting blog. Ada beberapa pilihan juga berapa bagian untuk menaruh gadget.

Adjust width

Adjust width digunakan untuk mengatur berapa lebar posting blog dan sidebar. Tentunya sesuai dengan body layout yang kita pilih. Jika kita memilih body layout yang ada sidebar di kanan dan di kiri maka akan ada 3 alat pengatur lebar.

Advanced

Advanced digunakan untuk mengatur lebih lanjut tentang warna, jenis dari huruf – huruf yang akan digunakan. Misalnya kita akan menganti Blog Title / judul blog. Maka akan muncul di preview garis – garis merah pada judul blog yang menunjukkan bahwa itu adalah tulisan yang kita ganti jenis dan warnanya

Contoh seperti gambar diatas, pada preview akan muncul seperti ini :

Setelah semua sesuai dengan selera kamu, maka kita tinggal clik pada bagian kanan atas yaitu APPLY TO BLOG. Maka sekarang blog kamu akan mempunyai template yang sesuai dengan selera kamu. Selamat mencoba.

Tulisan berkaitan




This article is copyright © 2010 

One Response to “Customize tampilan blogspot dengan template designer”


Leave a Reply