Selasa, 06 Juli 2010

Mengganti Header blog dengan photoshop

Di kala kita mau bikin blog, terus cari template, tapi tempalte itu tidak terlalu sesuai yang kita inginkan, contoh nya kita mau bikin judul blog lebih menarik sesuai keinginan kita, jadi lebih di perindah gtu dech, seperti punya saya tuch.. ya gtu dech contohnya. tapi pembuatan header blog juga harus bisa sebuah keahlian dalam mengedit gambar terserah mau pake apa aja, contohnya, photoshop, corel draw, 3D MAX, bahkan Flash bakal lebih menarik tuch,, terserahlah mau pakai apa aja sesuai keinginan anda. contoh saya menggunakan sebuah aplikasi edit gambar menggunakan adobe Photoshop dengan sedikit kemampuan yang saya miliki, ya sekarang saya akan memulai mengedit

1. pertama kita masuk dulu ke akun blog
2. klik tab tata letak
3. pilih edit HTML
coution*biasakan copy dulu semua template anda+widgetnya dengan mencentang "" baru kemudian copy script templatenya ke Notepad.
4. cari kode berikut
______________________________________________________________
} #header-wrapper { background: #fdf5f7 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjhWy7cofGrls0SpVOZ_WGuIzQefMEncW8qBzcr2dk7Ye2KWIDEsjg4_KL0SUy3SEJrKnPnQUhS7kj7ha_jn2xsuYfrgpFVRCEp4_sLGuhwo0Wu455HGJ8KcccTgG-Y_hN-sbTR30KU9K9/s1600-r/far.jpg") no-repeat top center; width: 650px; height: 300px; margin: 0 auto; padding: 0 50px; border: 0px;}
_______________________________________________________________
ket: buat background adalah gambar yang kita inginkan contoh gambar ini
tapi kita mengisinya harus dengan sebuah LINK gambar. jangan menggunakan dengan sebuah nama gambarnya doang.kalau gx mengerti baca di cara memasukan Link gambar.
untuk
width =lebar sebuah gambar header
height=tinggi sebuah gambar
px =singkatan dari pixel
margin=sebuah batas dari gambar
padding=???
border = garis tepi/frame

kita lanjutkan dalam pembuatan headernya,
5. buka program photoshop
6. buka gambar yang anda inginkan
7. edit ukuran gambarnya sesuai dengan width-height pada script anda (tergantung templte yang anda punya)
8. lihat pada menu bar photoshop klik pada image - pilih image size setelah ada tampilan dibawah ini

jika pada pilihan menu ukuran tidak pixel ubah dulu menjadi pixel. dan jika ingin ukuran bisa di atur dengan bebas lepaskan centangan pada "constrain proportions" maka inage dapat di atur sedimikian rupa.
klo sudah.
save as gambar dengan JPG, GIF, PNG, tersserah.
9. anda harus mempunyai akun yang menyediakan layanan upload gambar contoh facebook, twitter, gmail dan juga blogger.
jika sudah di upload copylocation imagenya lalu paste pada url background sriptnya.
10. simpan template
11. refresh blognya
12. jadi dech..

Bookmark and Share

0 komentar:

Posting Komentar