MATERI PRAKTIKUM E-COMMERCEMEMBUAT TOKO ONLINE DENGAN BLOGGER PERTEMUAN 3

MODIFIKASI TAMPILAN TOKO ONLINEUntuk memodifkasi tampilan toko online adalah dengan mengupload template baru.

Template adalah tampilan dari sebuah website yang dibuat dari berbagai kode HTML sehingga bisa diakses melalui browser.

Untuk tujuan praktikum sudah disediakan template untuk digunakan sebagai template toko online.

Langkah-Langkah Mengganti Template :

1. Masuk ke blogger 2. Pada halaman muka blogger kemudian klik blog yang sudah di buat.

3. Anda akan dibawa pada dashboard blog4. Kemudian klik menu Template.

5. Kemudian klik tombol “Cadangkan/Pulihkan di kanan atas.

6. Maka akan muncul jendela baru :

Catatan : sebelum melakukan perubahan template sangat dianjurkan untuk melakukan back up template ada. Tujuannya untuk berjaga-jaga jika ingin kembali menggunakan template yang lama, maka kita tinggal menguggahnya lagi dari file back up.

Untuk melakukan back up template maka klik tombol “Unduh template lengkap” kemudian kita akan diminta menentukan lokasi penyimpanan file back up.

7. Selanjutnya untuk mengganti template maka kita klik tombol “telusuri” kemudian cari lokasi dimana kita menyimpan template yang akan kita gunakan. Untuk keperluan praktikum ini, kita akan mengganti dengan template dengan nama babyshop.

8. Setelah kita pilih template babyshop, kemudian kita tekan tombol “unggah”

9. Sekarang template sudah berganti dengan template babyshop.10. Untuk mengecek perubahan bisa dengan mengklik tombol “lihat blog”

Template babyshop ini yang akan kita modifikasi menjadi toko online kita.

MODIFIKASI GAMBAR UTAMA TOKO ONLINEBerikut adalah gambar utama toko online dengan menggunakan template baby shop. Gambar tersebut tentunya tidak cocok dengan toko online yang kita buat maka untuk itu kita perlu melakukan modifikasi terhadap gambar tersebut.

Untuk melakukan modifikasi gambar utama :

1. Kunjungi blog toko online anda, lalu klik kanan pada gambar yang dituju kemudian pilih opsi “simpan gambar dengan nama”

2. Simpan gambar pada salah satu folder yang ada di komputer.

3. Setelah gambar sudah berhasil disimpan di komputer, silahkan buka gambar tadi dengan menggunakan aplikasi pengolah gambar misalnya paint, photoshop, corel draw dll.

4. Selanjutnya modikasi gambar sesuai dengan kemauan anda. Anda bisa menambahkan teks dan mengganti gambar. Yang perlu diperhatikan adalah ukuran gambar tidak boleh berubah. Karena ukuran itu sudah sesuai dengan template babyshop yang kita gunakan.

5. Setelah modifikasi selesai jangan lupa untuk menyimpan gambar.

MENGGANTI GAMBAR UTAMA DI TOKO ONLINESetelah gambar yang baru telah siap, maka yang kita perlu lakukan adalah :

1. Upload gambar ke photobucket. Untuk itu kita perlu log in di www.photobucket.com

2. Kemudian masukkan email dan password yang kita gunakan pada saat mendaftar dulu. Kemudian klik tombol “Log in”

3. Setelah masuk ke photobucket dan kita berada di halaman awal photobucket. Kemudia tekan tombol “Upload”

4. Kemudian tekan tombol “Choose photo & video” dan cari lokasi gambar yang sudah kita modifikasi kemudan pilih dan tekan tombol “save” maka gambar akan di upload di photobucket.

5. Untuk melihat hasil upload kita lihat di library.

6. Setelah gambar berhasil di upload kemudian tekan klik kiri pada gambar. Kemudian copy link gambar yang ada di direct link.

7. Stelah berhasil dicopy, simpan untuk sementara waktu hasil copy link tadi pada note pad ata ms word.

8. Setelah itu kita kembali ke blog toko online kita. Kemudian klik kanan pada gambar dan pilih opsi lihat gambar.

Klik kanan

9. Kita akan dibawa pada halaman baru. Kemudian copy url dari gambar tersebut.

10. Setelah itu kita masuk ke dash board blog kita. Kemudian klik menu template. Selanjutnya klik tombol “edit html”

11. Kita akan dibawa pada halaman edit html. Kemudian taruh crusor mouse pada halaman html dan tekan tombol ctrl + f (fasilitas untuk pencarian) maka akan muncul kotak search pada sebelah kanan atas.

12. Pada kotak search kemudian kita paste kan url yang sudah kita copy tadi. Kemudian tekan enter.

13. Kita akan menemukan apa yang kita cari kemudian semua yang dalam tampilan blok, kita ganti dengan url gambar yang kita up load di photo bucket (yang sudah kita simpan sementara di ms word).

14. Kemudian tekan tombol “simpan template”. Kemudian tekan tomblo “kembali”

15. Sekarang gambar utama blog toko online kita telah berhasil kita ganti.