Pages

Subscribe:

Senin, 09 Agustus 2010

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg49fmlOHUY2JE_cadlX5QzMIl4OKKctuvlaWHuVLVPM1fIjbFo1iadWltseu1QblqPYczoiE9d6UDzCodnWFpbxLYkQPwbQziFGibo5W8wpNIlw49PUT7EczX3BFNdJ4iV_gXiezhIJgM/s320/1.gif

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz5EiXdiETdxRYboyvD0wV58eyKor8Z43zMPWzd7KtH3tJRALb97XpQqNBCGgpbkaX3QZN23VdrgRq0IzT74pCOV1onCYyZ59DHoHxH5msyNfIXIQeoTlZTlbI7qUS1LPOOzneee_exUQ/s320/2.gif


5. Untuk menggantinya dengan gambar sendiri, silahkan beralih ke Advanced lalu pilih Add CSS. Tetapi sebelumnya anda harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs
ImageShacks. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg18Wix58t685W2dRSGkHkXYRgXifC6TUof7gcgcqyjtus1FLOwdd-1yzX8gGfZzWgdKnvJxdUsdFPnZHTQ5mHL9ggg_rwafRV7SJeF36ZSMZetgjahtjRfimeyLUWfPAF5I1rZBVO-3RI/s320/3.gif


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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXHNxHxRRUULUmSGfYYSn1Wd90cQMqcRi1BnLC2h2YEcZxi8enxmQVTk-1ENnQ2-6Olecs8d4W7_Fj4zoYGmlgpSRcN8hoaJQLGLD34cbo_SpsQJPb2fmlU-9OSWtmPx2sml5WkngQfaU/s400/4.gif

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


Selengkapnya di www.MasDoyok.co.cc
Memasang Background dengan Gambar Sendiri Pada Blogger Template Designer

Tidak ada komentar:

Posting Komentar