 OwnerHaiyo :3   Followers !Makasih Awak :D Hentian R&R !Jangan segan-ii ^_^  Facebook !Add Me CreditsTqvm! 
|  Tutorial Buat Banner Blog Guna PhotoscapeHehe .. Sejak dapat buat macam-macam ni tisya makin semangat berblog . Ngee senangnya dalam hati , kalau dapat berblogging ! :DD Okay dowkey mari kita start sekarang . Hari ni tisya nak ajar buat banner blog untuk blog korang . Mesti ramai yang dah tahu kan ? Tak pe lah , cer-try cara tisya pulak . Dengar betul-betul ye ...
STEP ASAS MEMBUAT BANNER
Pertama sekali , korang WAJIB ada photoscape dan GIMP kalau nak buat benda ni . Belum ada ? Download la dekat SINI untuk photoscape dan SINI untuk GIMP k . Kalau dah ada , boleh bukak kedua2 software tu sikarang . Bila dah bukak , tekan butang EDITOR kat bahagian atas tu k . (mungkin tu senang je jadi tisya tak uploadkan printscreen la eh?)
Lepas tu , tekan tekan lah ikut gambar-gambar kat bawah ni :
1. Menu ---> New Photo
(klik untuk tengok dengan lebih jelas)
2. Setkan size dia kepada 125x125 k . Background korang boleh ikut citarasa sendiri . Yang bawah ni contoh je .
(klik untuk tengok dengan lebih jelas)
3. Oopppsss ... Tunggu dulu ! Sekarang ni bukak GIMP tapi jangan tutup photoscape tu lagi k . 'Ape pulak dah ni...' Tujuan korang bukak GIMP adalah untuk transparentkan bingkai/doodle/kedua-duanya sekali . Kalau tatau nak buat , korang digalakkan ikut tutorial kat SINI . Mesti paham punyalah !
4. Cane ? Siap belum ? Ok , next step ... Bukak balik photoscape korang tuh , open gambar bingkai & doodle yang korang sudah transparentkan masa Step 3 . Susun ikut yang korang mahukan ya . Kemudian ... Tekan Save ---> Save As (...) bila korang dah pastikan banner korang dah siap cam ni :
(klik untuk tengok dengan lebih jelas)
5. Eh , jap ! Jangan tutup lagi tau . Belum siap sepenuhnya k . Ada banyak lagi step . Huh , penat jugak buat tutorial ni . Sekarang , tengok bahagian tepi tu kan ada gambar banyak kan ? Tapi tisya nak guna satu saja , jangan klik semua pulak ! Pilih yang korang save tadi tu . (Step 4) Then , tekan butang T (text) untuk tulis SATU PERKATAAN SAHAJA . Lepas tu terus save ok ? Contohnya :
(klik untuk tengok dengan lebih jelas)
6. Ulang Step 5 . Tulis perkataan yang lain pula tapi ingat , satu perkataan je tau ? Lepas dah siap , ulang lagi Step 5 SEHINGGA HABIS SATU AYAT yang korang nak sampaikan . Contoh ayat : Jom Ke Blog (Nama Korang) . Nak lebih menarik , perkataan tu kasi senget senget sikit k ? Nanti korang tengoklah apa kegunaan dia bila dah siap .
SESI MEMBUAT FLASH BANNER (PERKATAAN BERGERAK-GERAK)
7. K , yang ni agak rumit eh kawan-kawan . Lek lu ! Kalau tisya yang baru darjah 5 ni buat jadi , korang buat mesti jadi punya . Memanglah susah , tapi kalau baca betul-betul mesti jadi lagipun tinggal berapa step je lagi . Tisya cuba buat sampai step sepuluh je k ? Sekarang ni , tekan Animated GIF ---> Drag keluar setiap kepingan yang ada perkataan berbeza-beza tadi . Setkan masa ikut kesesuaian . Makin besar nilai nombor , makin lambat perkataan tu gerak . Akan jadi macam ni :
(klik untuk tengok dengan lebih jelas)
SESI MEMASUKKAN BANNER KE DALAM BLOG
8. Untuk langkah ke - 8 ni , kalau boleh korang register la photobucket . Bukan tak ada cara lain , cuma lebih mudah la kalau guna photobucket tu ye .. Ok , yang belum ada account photobucket cepat-cepatlah pergi sign up ya ! Yang dah ada , sign in dan upload banner korang yang ttantik-tantik tu k ? Lepas tu , bukak notepad atau microsoft office korang dan copy code dibawah ni . Dekat tulisan merah tu gantikan dengan HTML CODE banner anda . HTML CODE-nya ambik dekat photobucket tadi .
<a href="URL BLOG" target="_blank"><img src="HTML CODE BANNER"
9. Ok .. Bila dah tulis semua , korang copy code dibawah ni dan gantikan code merah dengan code di atas yang telah diisi .
<center>KOD BANNER<textarea>KOD BANNER</textarea></center>
Paste-kan dekat = Dashboard ---> Layout ---> Add a Gadget ---> HTML/Javascript . Pastikan code tu jadi camni :
<center><a href="http://blognitisyapunya.blogspot.com/" target="_blank"><img src="http://i1282.photobucket.com/albums/a537/Engku_Adlina01/bannerfull_zps83b22059.gif" border="0" alt="Photobucket" /></a><textarea><a href="http://blognitisyapunya.blogspot.com" target="_blank"><img src="http://i1282.photobucket.com/albums/a537/Engku_Adlina01/bannerfull_zps83b22059.gif" border="0" alt="Photobucket" /></a>" /></textarea></center>
10. Save !
Menjadi tak ? Kalau tak menjadi korang cuba lagi k . Sorrylah kalau tutorial tisya pening sampai korang tak paham ye ... :) Ape-ape masalah , boleh tanya tisya kat bahagian komen atau shout di shoutbox . Tisya sedia membantu ! Hehe .
Cantik tak tisya punya banner ? Kalau rajin sudi-sudilah beri pendapat ya ! :DD
Label: Tutorials |
Tutorial Buat Banner Blog Guna Photoscape