panduan menambahkan gambar pada deskripsi produk gambar pada deskripsi.pdf · gambar ataupun video...

13
Panduan Menambahkan Gambar pada Deskripsi Produk Strictly Confidential

Upload: lenhu

Post on 29-Jun-2019

243 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

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

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

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.