SlideShare a Scribd company logo
2010
                       EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP




                                 TAMPILAN SEBELUM DI EDIT




    1.Double klik pd
    folder template
      oscommerce                                            2.Double klik lagi
         Anda                                                pada folder psd




BY TOKO UKM
                                           Page 1
2010
                           EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP




                                                                 4.Tunggu sampai file
                  3.Double klik pada                                tsb terbuka di
                   file 1_home.psd                                    photoshop




 5.Pilih Horizontal Type
  Tool pada tool menu                    6.Blok tulisan ONLINE
                                                 SHOP                  7.Lalu edit tulisan
     di samping kiri
                                                                       ONLINE SHOP Menjadi
                                                                       nama toko Anda




BY TOKO UKM
                                              Page 2
2010
                           EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP




                                                                     9.Setelah itu pilih file lalu
                                                                     klik save for web devices

                 8.Lakukan langkah yang
                  sama untuk mengedit
                menu seperti yang terlihat
                      pada gambar




              10.Akan muncul kota save
              for web devices, klik save


                                                         11.Beri nama file htmlnya ,
                                                           lalu save di lokasi yang
                                                               Anda tentukan




                12.Lalu double klik folder
                images yang terdapat di
                 lokasi penyimpanan file
                         html tadi                       13.Setelah terbuka, lalukan
                                                         select all lalu tekan CTRL+C




BY TOKO UKM
                                             Page 3
2010
                         EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP




                        14.Masuk ke
              C:xampphtdocsoscimages ,               15.Untuk melihat perubahan pada
               lalu lakukan paste atau tekan            template pilih tombol refresh pada
                          CTRL+V                           address bar, maka Akan tampil
                                                         template oscommerce Anda yang
                                                          baru Anda Edit, seprti gambar di
                                                                       bawah




BY TOKO UKM
                                               Page 4

More Related Content

More from Toko UKM

Cara belanja bagi yang baru belanja di toko ukm
Cara belanja bagi yang baru belanja di toko ukmCara belanja bagi yang baru belanja di toko ukm
Cara belanja bagi yang baru belanja di toko ukm
Toko UKM
 
Konfigurasi my store dan menambahkan produk
Konfigurasi my store dan menambahkan produkKonfigurasi my store dan menambahkan produk
Konfigurasi my store dan menambahkan produkToko UKM
 
Instalasi xampp di komputer
Instalasi xampp di komputerInstalasi xampp di komputer
Instalasi xampp di komputerToko UKM
 
Menambahkan mata uang rupiah
Menambahkan mata uang rupiahMenambahkan mata uang rupiah
Menambahkan mata uang rupiahToko UKM
 
Instalasi firefox di komputer
Instalasi firefox di komputerInstalasi firefox di komputer
Instalasi firefox di komputer
Toko UKM
 
Menambahkan bahasa indonesia
Menambahkan bahasa indonesiaMenambahkan bahasa indonesia
Menambahkan bahasa indonesia
Toko UKM
 

More from Toko UKM (6)

Cara belanja bagi yang baru belanja di toko ukm
Cara belanja bagi yang baru belanja di toko ukmCara belanja bagi yang baru belanja di toko ukm
Cara belanja bagi yang baru belanja di toko ukm
 
Konfigurasi my store dan menambahkan produk
Konfigurasi my store dan menambahkan produkKonfigurasi my store dan menambahkan produk
Konfigurasi my store dan menambahkan produk
 
Instalasi xampp di komputer
Instalasi xampp di komputerInstalasi xampp di komputer
Instalasi xampp di komputer
 
Menambahkan mata uang rupiah
Menambahkan mata uang rupiahMenambahkan mata uang rupiah
Menambahkan mata uang rupiah
 
Instalasi firefox di komputer
Instalasi firefox di komputerInstalasi firefox di komputer
Instalasi firefox di komputer
 
Menambahkan bahasa indonesia
Menambahkan bahasa indonesiaMenambahkan bahasa indonesia
Menambahkan bahasa indonesia
 

Edit template oscommerce dengan photoshop

  • 1. 2010 EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP TAMPILAN SEBELUM DI EDIT 1.Double klik pd folder template oscommerce 2.Double klik lagi Anda pada folder psd BY TOKO UKM Page 1
  • 2. 2010 EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP 4.Tunggu sampai file 3.Double klik pada tsb terbuka di file 1_home.psd photoshop 5.Pilih Horizontal Type Tool pada tool menu 6.Blok tulisan ONLINE SHOP 7.Lalu edit tulisan di samping kiri ONLINE SHOP Menjadi nama toko Anda BY TOKO UKM Page 2
  • 3. 2010 EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP 9.Setelah itu pilih file lalu klik save for web devices 8.Lakukan langkah yang sama untuk mengedit menu seperti yang terlihat pada gambar 10.Akan muncul kota save for web devices, klik save 11.Beri nama file htmlnya , lalu save di lokasi yang Anda tentukan 12.Lalu double klik folder images yang terdapat di lokasi penyimpanan file html tadi 13.Setelah terbuka, lalukan select all lalu tekan CTRL+C BY TOKO UKM Page 3
  • 4. 2010 EDIT TEMPLATE OSCOMMERCE DENGAN PHOTOSHOP 14.Masuk ke C:xampphtdocsoscimages , 15.Untuk melihat perubahan pada lalu lakukan paste atau tekan template pilih tombol refresh pada CTRL+V address bar, maka Akan tampil template oscommerce Anda yang baru Anda Edit, seprti gambar di bawah BY TOKO UKM Page 4