Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video...
Transcript of Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video...
![Page 1: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/1.jpg)
Panduan Menambahkan Gambarpada Deskripsi Produk
Strictly Confidential
![Page 2: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/2.jpg)
ToolsBrowser: Mozilla Firefox
Cloud: Google Photo
HTML Editor: http://htmleditor.in/index.html
Sebelum mengunggah foto, kami merekomendasikan Anda untuk
menggunakan Mozilla Firefox ketika melakukkan proses penambahan
gambar ataupun video untuk menghindari kesalahan HTML yang biasa
terjadi jika menggunakan Google Chrome.
2
![Page 3: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/3.jpg)
Mengunggah Gambar keGoogle Photo
Strictly Confidential
![Page 4: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/4.jpg)
Langkah 1Buka dan masuk ke https://photos.google.com/
Ketika sudah terbuka dan sudah masuk, akan tampak halaman berikut di
browser Anda:
4
![Page 5: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/5.jpg)
Langkah 2Klik ikon awan pada bagian atas.
5
![Page 6: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/6.jpg)
Langkah 3Pilih foto yang ingin Anda unggah. Kemudian tunggu hingga semua foto
berhasil terunggah. Setelah Anda mengklik tanda (X), Anda dapat
menemukan gambar yang Anda unggah pada album yang Anda pilih.
6
![Page 7: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/7.jpg)
Memasukkan Gambar ke Deskripsi Produk
Strictly Confidential
![Page 8: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/8.jpg)
Langkah 1Siapkan deskripsi produk Anda. Salin pada online HTML Editor. Anda dapat
menggunakan http://htmleditor.in/index.html. Kemudian, posisikan sesuai
dengan kebutuhan dan selera Anda. Pada contoh, gambar akan ditaruh di
posisi tengah yang ditandai dengan kotak merah.
8
![Page 9: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/9.jpg)
Langkah 2Kembali ke Google Photo dan pilih foto yang akan dimasukkan ke dalam
deskripsi produk. Setelah dibuka (akan tampak background berwarna hitam),
klik kanan dan pilih Copy Image Address.
9
![Page 10: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/10.jpg)
Langkah 3Kembali ke HTML Editor. Lalu, foto yang sudah di-copy, di-paste di HTML
Editor pada posisi sesuai dengan selera dan kebutuhan Anda. Klik ikon
Image pada tab:
10
Lalu akan muncul box:
Setelah muncul box, paste URL yang telah Anda copy ke
box URL. Pastikan lebar foto tidak lebih dari 800 piksel
(diisi pada boks Width atau sesuaikan kolom Height
apabila gambar Anda memiliki ukuran yang cukup
panjang). Hal ini dikarenakan standar layout website
Lazada mampu memuat lebar maksimal 850 piksel.
Kemudian, klik OK.
![Page 11: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/11.jpg)
Langkah 4Kini, foto tersebut telah tertera pada deskripsi produk Anda seperti gambar di
bawah ini:
11
![Page 12: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/12.jpg)
Langkah 5Kemudian, salin seluruh HTML yang telah Anda buat dengan cara klik tombol
Source pada bagian pojok kiri atas:
12
Kemudian, Anda akan melihat kode HTML deskripsi produk Anda. Klik CTRL
+ A untuk memblok seluruh kode, lalu copy dan paste pada deskripsi produk
Seller Center
![Page 13: Panduan Menambahkan Gambar pada Deskripsi Produk Gambar pada Deskripsi.pdf · gambar ataupun video untuk menghindari ... berwarna biru dengan tulisan HTML pada bagian pojok ... pada](https://reader031.fdocument.pub/reader031/viewer/2022013114/5d17604688c99313688b91d7/html5/thumbnails/13.jpg)
Langkah 6Untuk paste ke Seller Center, pada kotak Product Description, klik kotak
berwarna biru dengan tulisan HTML pada bagian pojok kiri atas.
13
Lalu, akan terlihat kode HTML seperti ini:
Hapus semua lalu paste HTML yang telah Anda copy dari HTML Editor ke box
pada Seller Center seperti gambar di atas. Kemudian, klik Finish Editing.