Tutorial Re-size Foto Supaya Bisa Dijadikan Slide di Website SMK AL - ISLAH


Assalamu'alaikum~
Udah lama ngga bikin postingan ya :v btw apa kabar semua? Semoga baik-baik aja ya, Aamiin.

Pada kesempatan kali ini, saya ingin membagikan tutorial yang sangat berguna dan dikhususkan bagi Admin atau Editor website sekolah saya, SMK AL - ISLAH Surabaya.

Okee langsung saja, langkah-langkahnya adalah :

  1. Siapkan foto yang ingin dipasang di website sekolah, lalu Open foto tersebut dengan software pengedit foto Adobe Photoshop (versi berapa saja terserah).
  2. Buat file baru di Photoshop dengan ukuran yang lebih besar dari foto yang telah disiapkan. Contoh, foto yang saya siapkan mempunyai Width : 3000 px dan Height : 2000 px, maka saya akan membuat file baru dengan ukuran Width : 5000 px dan Height : 4000 px. Kenapa begitu? Simak saja terus tutorial ini :v
  3. Move foto yang telah dibuka tadi dengan Move Tool, jangan lupa untuk membuka kunci foto supaya bisa di-move dengan cara klik dua kali pada foto lalu tekan Enter.

  4. Taruh foto tadi tepat di tengah-tengah file baru, lalu pilih Crop Tool dan set Width : 770 px dan Height : 400 px. Lalu atur posisi sampai sekiranya sudah rapih lalu tekan Enter.

  5. Hasilnya akan tampak seperti ini.

  6. Save foto yang telah di-crop tadi, pilih menu File > Save for Web & Devices.

  7. Atur seperti ini (kualitasnya jangan di 100% kan karena akan membuat loading fotonya lama), setelah itu klik Save.

  8. Login di website SMK AL - ISLAH sebagai Admin / Editor.
  9. Masuk menu Administrator lalu pilih menu Slide kemudian klik Tambah Data Slide.
  10. Isi kolom yang tersedia (kecuali kolom Ext. Url tidak diisi juga tidak apa-apa).
  11. Klik Browse lalu pilih foto yang telah di-crop tadi, setelah itu klik Upload.
  12. Done!

Nah, berhasil kan?

Okee sekian tutorial yang bisa saya berikan, semoga bermanfaat.
Wassalamu'alaikum~
Nama

Adobe Master Collection CS6,3,Android,13,Artikel Android,3,Artikel Fotografi,3,Blogging,1,CSS,1,Fotografi,3,HTML,1,iPhone,1,Javascript,1,Lainnya,6,LibreOffice,1,Linux,3,Microsoft Office,11,Microsoft Word 2007,3,Microsoft Word 2013,9,Mobile Legends,1,PHP,1,Root,3,Software,2,TechNews,5,Template Website,1,Tips dan Trik,11,Tutorial,6,Tutorial Adobe Flash CS6,1,Tutorial Android,13,Tutorial Blogger,3,Tutorial Debian,1,Tutorial LibreOffice Calc,1,Tutorial Photoshop CS6,4,Tutorial Ubuntu,4,Tutorial Windows,18,Tutorial XAMPP,2,Website,9,Windows,11,
ltr
item
BEE ID: Tutorial Re-size Foto Supaya Bisa Dijadikan Slide di Website SMK AL - ISLAH
Tutorial Re-size Foto Supaya Bisa Dijadikan Slide di Website SMK AL - ISLAH
Resize foto untuk slide web smk al islah surabaya
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUFBj3o8yFvaHRrrqiq9-kkqXnns1a0DieCgp7jEXZYWozAo18lVM0oLIrEM7YW4EmI-hbobAl9hB6tjCSQpdY5VIJo9N8xK9WneAtlEnXeNmv8EtxWxNSp0wCYsDdDc4OkFGJ_y4hnCJr/s640/8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUFBj3o8yFvaHRrrqiq9-kkqXnns1a0DieCgp7jEXZYWozAo18lVM0oLIrEM7YW4EmI-hbobAl9hB6tjCSQpdY5VIJo9N8xK9WneAtlEnXeNmv8EtxWxNSp0wCYsDdDc4OkFGJ_y4hnCJr/s72-c/8.png
BEE ID
https://bee-id.blogspot.com/2016/01/tutorial-re-size-foto-supaya-bisa.html
https://bee-id.blogspot.com/
https://bee-id.blogspot.com/
https://bee-id.blogspot.com/2016/01/tutorial-re-size-foto-supaya-bisa.html
true
8629350516673971716
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy