Tuto : Gambar shape "Bulat" di about me

Assalamualaikum and hello kepada semua...

hari tu ada sorang adik blogger baru request satu tutorial kat dila but dila lupa nak buatkan sebab dila busy this week...and adalah dalam 2,3 orang lagi yang dila belum tunaikan request tutorial diorang...dila nak mitak maaf sebab lambat buat tutorial..dah mula keje minggu ni..busy lah sikit kan...

Okey kita lupakan kejap pasal hal tu, now kita focus balik pada main topic kita pada hari ni...
today, dila nak ajar buat gambar shape "Bulat" di about me macam kat sidebar dila ni...


memang trend sekarang,para blogger letak gambar shape bulat di sidebar and memang ia menampakkan lagi blog korang menjadi kemas dan cantik...
okey, dila tau sebelum ni ada blogger lain yang dah buat tutorial ni..diorang buat gambar macam tu dengan menggunakan "Photoshop" kan..but hari ni dila nak ajarkan cara senang jew but banyak step lah sikit...jom ikuti...

Bahan-Bahan :

  • Gambar korang yang kiut-miut (wajib)
  • Software Photoscape (download kat filehippo kalau takde)
  • Software GIMP (download kat filehippo kalau takde)
Cara :

1. Bukak kan dulu software Photoscape > Editor

2. Pilihkan picture korang yang kiut-miut yang korang nak letakkan kat sidebar

3. Tekan Crop > Crop round image


4. Then, korang crop gambar korang biar betul-betul bulat...*jangan terlalu besar sangat

5. Tekan Crop > Save


6. Done Cropping and saving!

7. Open software GIMP 

8. Sekitar picture shape bulat korang tu kan masih adalah lagi kawasan yang tak nak..so,untuk buat kawasan tersebut kita guna GIMP...buatkan gambar tersebut menjadi transparent...So,dila dah pernah ajarkan transparent pakai software ni...korang klik jew ikon ni 

dah siap semua...korang dah boleh masukkan di sidebar korang sendiri...
untuk masukkan gambar disidebar korang just copy code ni dan pastekan kat HTML/JAVA SCRIPT

<center><img src="URL IMAGE KORANG" width="195" height="auto"/></center>
Last sekali untuk dapatkan URL IMGAE KORANG,korang mestilah upload kat internet dulu..
korang boleh upload kat sini..*tekan ikon ni 
bila dah siap upload,jangan lupa copy url image dan pastekan kat warna merah tu...
Done!






Tengs For Read

1 00 ♥LOVE♥:

Nur Atiqah Mohd Zaki said...

Nice tutorial. Jom singgah kat blog eyqa.. http://chocolateholic4eva.blogspot.com