Tutorial : Cara Membuat Header Transparent

Bonjour everybody..!!

muahaha..

Update harini didedikasi kepada

Ms.Adhah

Ms.Adhah minta Lin ajarkan cara-cara nak buat header..

Dan sekarang ni Lin akan menunaikan hajat Cik Adhah..

Software yang diperlukan adalah :

1. a) Adobe Photoshop
2. b) Photoscape

1)Buka Blogger anda seperti biasa dan klik pada Design>Edit HTML.Tandakan 'Tick' pada 'Expand Widget Templates' dan tekan CTRL+F.Seterusnya 'paste' kan dibawah ini.

#header-wrapper {

2)Fokus pada 'width',untuk digunakan pada photoshop..

3)Buka Adobe Photoshop anda..

4)Klik pada tab File>Open>dan pilih mana-mana gambar yang ingin digunakan pada header.




5)Seterusnya klik pada 'Magic Wand Tool' yang terdapat pada menu bar disebelah kiri dan klik pada gambar.




6)Seterusnya,'right-click' pada gambar dan pilih 'Select Inverse' seperti ditunjukkan dibawah.

7) Dan selepas itu,klik pada button File>New ataupun Ctrl+F dan masukkan 'width' yang telah dikenalpasti didalam HTML sebelumnya.Dan jangan lupe pada kotak background contents pilih 'Transparent'.

8)Paparan sebegini akan muncul.




9)'Drag' kan gamba yang telah di 'inverse' kan tadi ke dalam kotak yang baru.Jangan lupa sebelum 'drag' tukarkan kepada 'move' tool.Ia terletak di bahagian teratas dalam 'toolbar' di sebelah kiri.




10)Seterusnya,buka software photoscape dan klik pada tab 'Page'.Tukar size kepada 'width' yang sama seperti dalam Photoshop dan klik 'OK' seterusnya klik 'Edit'.




11)Kemudian hiasi sebahagian dari page yang telah dibina tadi menggunakan kreativiti anda dan seterusnya 'Save'.




12)Dengan menggunakan langkah 4 dan seterusnya,'Drag' kan gambar kreativiti anda tadi seperti dalam langkah 9 dan 'Save' dalam format .png




13)Buka blogger anda dan klik Design>Page Elements dan lakukan langkah seperti seterusnya dan klik 'Save Template'.Jangan lupa tandakan seperti yang dibulatkan dibawah.




15)Header anda sudah siap untuk digunakan.

Owkeyh..Tutorial dah habis..
huhu..


P/S : Jangan lupe klik nuffnang Lin yerr..