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
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.

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

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

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
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
Hilangkan centangan pada scroll image. Kalau gambar yang kalian gunakan bukan gambar berukuran besar dan memang dimaksudkan untuk diulang, pilih tile.

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

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

Menambahkan code CSS
Klik apply to blog.
Nah sisanya kalian bisa edit menggunakan opsi yang tersedia di Advance.

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.
Selamat mencoba! ^_^
Tulisan Lainnya:
- 2 DLC Terbaru Game Dungeon Defenders PC Game Dungeon Defenders baru saja merilis 2 DLC: Barbarian Hero dan Assault Mission Pack....
- Permainan Negatif Foto Ini permainan simple dengan gambar negatif. Negatif di sini bukan "negatif", haha :D Yuk kita...
- iPhone 4S Seri Terbaru dari iPhone Dari segi tampilan nggak ada yang berubah di iPhone 4S dari iPhone sebelumnya iPhone 4,...
- Daniel Radcliffe: Tiffany Member SNSD Tercantik Awal minggu ini Daniel Radcliffe mengatakan bahwa ia diberi CD SNSD (Girls Generation) oleh salah...
- K-Drama : Dream High 2 Title : Dream High 2 Director: Lee Eung-Bok Writer: Heo Sung-Hye Network: KBS2 Episodes: 16...




3 Responses to this article
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
ahaha, lagi pula ini bukan sekedar tutorial naroh gambar di template.. tapi bikin template pake blogger template designer..
yup salam balik dari ngetikers :)
info menarik sob
bagus buat newbie