Mera Naam Joker: Memasang Background dengan Gambar Sendiri Pada Blogger Template Designer

Minggu, 13 Maret 2011

Memasang Background dengan Gambar Sendiri Pada Blogger Template Designer

Beberapa saat yang lalau blogger melakukan terobosan baru dengan meluncurkan Blogger Template Designer (Baca: Blogger Template Designer Fitur Baru Blogger Lagi dan Video Tutorial Blogger Template Designer). Fasilitas ini sendiri telah digunakan blogger untuk beberapa blog resminya seperti buzz blogger dan blogger in draft (Baca: Tampilan Baru Blogger Buzz dan Bloggerindraft). Anda bisa menggunakannya untuk merancang template Anda sendiri. Bahkan tanpa mahir codingpun Anda bisa membuat template yang berbeda dan unik Salah satu yang paling mencolok dan membuat blog memiliki ciri khas adalah background blog. Meski blogger template designer telah menyediakan banyak sekali gambar, tentu Anda lebih puas jika backgroundnya menggunakan gambar Anda sendiri.

Untuk menggantinya dengan background Anda sangatlah mudah,
1. Login ke draft.blogger.com
2. Klik Layout / Tata Letak / Rancangan
3. Klik Perancang Template / Template Designer

4.Anda akan sampai ke halaman perancang template. Untuk menggunakan background dari blogger silahkan pilih tab background. Pilih yang Anda suka lalu klik Done.

5. Untuk menggantinya dengan gambar sendiri, silahkan beralih ke Advanced lalu pilih Add CSS.

6. Pada kolom isian CSS, isi dengan kode berikut

.body-fauxcolumn-outer {background: url(alamat gambar anda);} 
.body-fauxcolumn-outer div {background: none;}

7. Ganti yang berwarna merah dengan alamat gambar Anda. Setelah Anda masukkan kode tersebut dengan alamat gambar Anda sendiri, otomatis preview akan terupdate dan preview template berganti menggunakan background Anda. Sekarang Anda siap menyimpannya dengan klik Apply to Blog.

Semoga bermanfaat, silahkan berkreasi di dunia blogger tanpa batas... Happy Blogging... Jaga untuk tetap berbagi...