Template Photoblog dengan Blogger Template Designer 02/03/12

Pernah denger Blogger Template Designer? Ini adalah salah satu keuntungan menggunakan platform Blogger di mana kita bisa mengedit template dengan sangat mudah. Gak perlu keahlian coding, cukup klik - klik saja. Template bawaan blogger memang sangat biasa sekali. Maka dari itu kita bisa mengakalinya dengan opsi yang ada di Template Designer.

Panel Blogger Template Designer

Panel Blogger Template Designer

Nah sekarang mari kita coba berkreasi dengan Template Designer ini. Kita akan membuat template blog satu kolom dengan style untuk photoblog.

Pertama, pilih Simple Black sebagai dasar template.

Panel Template Designer

Pilih Template Simple Black

Kedua, klik Layout. Pada body layout pilih satu kolom. Dan pada footer layout pilih yang 3 kolom.

Setting Layout

Setting Layout

Ketiga, klik adjust widths. Sesuaikan ukuran blognya sesuai keinginan. Di sini saya memakai width 700px.

Adjust Width

Adjust Width

Keempat, kita akan menambahkan background sebagai pemanis template. Ada dua pilihan untuk background. Menggunakan gambar atau warna solid. Kalian bisa pilih mau pakai yang mana. Saya lebih suka menggunakan gambar pattern yang kemudian di repeat.

Kalau kalian ingin menggunakan gambar, klik background. Klik kotak di bawah tulisan background image.

Setting Background Image

Setting Background Image

Kalian bisa upload gambar kalian sendiri atau pun menggunakan gambar yang disediakan oleh Blogger. Tapi akan lebih keren kalau saya pakai pattern sendiri.

Ini pattern yang saya pakai.

Klik upload image, setelah selasai klik done.

Upload Image

Upload Image

Hilangkan centangan pada scroll image. Kalau gambar yang kalian gunakan bukan gambar berukuran besar dan memang dimaksudkan untuk diulang, pilih tile.

Setting Background Image

Setting Background Image

Kelima, sekarang kita tambahkan sedikit kode untuk template ini. Klik advance > add CSS

Add CSS

Add CSS


Copy semua kode di atas, di atas lalu masukan pada kotak Add custom CSS.

Menambahkan code CSS

Menambahkan code CSS

Klik apply to blog.

Nah sisanya kalian bisa edit menggunakan opsi yang tersedia di Advance.

Mengganti font header

Mengganti font header

Untuk mengganti font header klik Advance > Blog Title. Begitu juga untuk mengganti font dan warna yang lainnya. Tinggal pilih saja apa yang ingin diganti.

Ini dia hasilnya.

Template Photoblog

Template Photoblog menggunakan Blogger Template Designer

Selamat mencoba! ^_^

Tulisan Lainnya:

3 Responses to this article

 
jimmy bonang February 6, 2012 Reply

hehehehe..
sebenernya ini mudah gan. tapi bagus deh agan posting beginian biar yang blom tau bisa ngerti cara naro gambar di template

salam blogwalking Orang Batak Lolos Dari Kekejaman Nazi

 
 
enny February 6, 2012

ahaha, lagi pula ini bukan sekedar tutorial naroh gambar di template.. tapi bikin template pake blogger template designer..

yup salam balik dari ngetikers :)

 
senantiasa belajar April 13, 2012 Reply

info menarik sob
bagus buat newbie

Leave a Reply

close comment popup

Balas Komentar