Download Brosur

Monday, 24 October 2016

Panduan OKEshop Template


1. Cara Instal Template di Blogger :
  • Loggin ke akun blogger anda.
  • Pilih opsi Template.
  • Kemudian klik Cadangkan/Pulihkan di pojok kanan atas.
  • Muncul POP-UP > klik Pilih File ( Pilih file template OKEshop.xml di folder )
  • Kemudian klik Unggah/Upload.
  • Tunggu sampai proses upload selesai.

2. Membuat Halaman Pendukung OKEshop Template :

Sebelum kita beranjak ke tutorial berikutnya,silahkan anda buat terlebih dahulu 3 buah halaman/page di blog untuk mendukung kinerja dari template kami diantaranya :
  1. Halaman Keranjang Belanja.
  2. Halaman Terima kasih.
  3. Halaman Pembayaran / Checkout 
A. Cara membuat halaman di blog :
  • klik Laman/Page.
  • Pilih di sebelah kanan Lama baru/New page.

















  • Setelah itu isikan judul halaman seperti Keranjang dan halaman terima kasih yang sudah kami lampirkan di file Download.

B. Cara mengisi halaman blog :

  • Silahkan isikan judul blog sesuai selera anda.
  • Untuk membuat halaman Keranjang,formulir dan Terima kasih,silahakan COPAS ( Copy-paste ) script yang sudah kami lampirkan di File Download dalam bentuk txt notepad.

  • Pastekan script pada mode HTML bukan Compose seperti gambar di atas.
  • Setelah semua selesai,klik Publikasikan/Publish.
C. Cara meng-copy URL halaman Blog.
  • Setelah anda memublikasikan halaman,maka otomatis daftar halaman anda akan bertambah sesuai dengan jumlah halaman yang anda buat.


  • Arahkan mouse ke link lihat > Klik kanan dan pilih Salin Alamat Tautan/Copy link URL.

3.Mengatur Meta Tag Content dan Keyword toko online.

  • Klik menu Template > Edit HTML dan cari kode seperti di bawah ini,letaknya di bagian atas area HTML ( Gunakan ctrl+f untuk mempercepat pencarian )
<meta content='Template Toko Online Blogger.' name='description'/>
<meta content='Blogger Templates Premium' name='keywords'/>

Petunjuk :
  • Untuk text berwarna merah silahkan ini dengan Deskripsi blog atau toko online anda misalkan Tokonesia - menjual berbagai perlengkapan Fashion .
  • dan untuk yang berwarna Hijau itu adalah keyword untuk memperkuat posisi produk anda di mesin pencari seperti : toko online baju,celana,topi,sepatu,grosir pakaian,fashion murah (Pisahkan per keyword dengan tanda koma )
  • Sehingga susunan Meta Tag menjadi seperti di bawah ini :
<meta content='Tokonesia - menjual berbagai perlengkapan Fashion' name='description'/>
<meta content='toko online baju,celana,topi,sepatu,grosir pakaian,fashion murah' name='keywords'/>

  • Klik Simpan Template ( save template ) 

4. SETTING Template TOKO ONLINE.

  • Pilih menu Template > klik EDIT HTML.
  • Langkah 2 silahkan anda cari text // Template Setup.
  • Klik sembarang di area kerja HTML dan gunakan CTRL+F untuk mepercepat pencarian.
  • Setelah ketemu kumpulan tag kode seperti di bawah ini,sesuaikan data toko anda seperti No REK,alamat dan beberapa kontak toko.

  • Setelah anda menemukan kode di atas,silahkan edit sesuai dengan petunjuk berikut ini :

// Template Setup
var facebookUrl                      = 'isi dengan alamat facebook';
var twitterUrl                           = 'isi dengan alamat twitter';
var googleplusUrl                  = 'isi dengan alamat google plus';
var rssUrl                                  = 'isi dengan alamat feed / rss blog';
var cartpageUrl            = 'http://okeshop.oketemplate.com/p/keranjang-belanja.html';
var checkoutpageUrl           = 'http://okeshop.oketemplate.com/p/formulir-pemesanan.html';
var thankyoupageUrl    = 'http://okeshop.oketemplate.com/p/terima-kasih.html';
var emptycarttextinfo           = 'Isi dengan informasi bahwa keranjang belanja masih kosong';
var emptycartlinktext           = 'Isi dengan text untuk menghapus keranjang belanja';
var viewcarttext                     = 'Isi dengan text untuk melihat keranjang belanja';
var checkouttext                    = 'Isi dengan text untuk menuju ke halaman checkout';
var continueshoptext            = 'Isi dengan text untuk melanjutkan berbelanja'
var addtocartlinktext            = 'Isi dengan text untuk memasukan item ke keranjang belanja';
var addtocartsuccesstext      = /* Nama Item */ 'isi dengan pemberitahuan bahwa proses add to cart
berhasil';
// Store Setup
var storename                          = 'Nama Toko';
var storephone                        = 'No Telp / HP Toko';
var storeemail                         = 'Email pemilik toko';
var storeaddress                      = 'Alamat Toko';
var bankaccount1                   = 'No Rek Toko 1';
var bankaccount2                   = 'No Rek Toko 2';
var bankaccount3                   = 'No Rek Toko 3';
var bankaccount4                   = ' ';

Catatan : Untuk no REK toko,jika memang ada satu,silahkan di kosongkan sisanya ( sisain tanda kutipnya aja seperti contoh di atas agar tidak terjadi error pada Invoice Email ).

5. Setting Postingan Blog TOKO ONLINE.

Pada tahap ini anda harus mengatur posting produk agar memiliki struktur sama dengan produk yang lainnya. seperti ini bawah ini :

  • Pilih menu Setelah > klik Pos dan Komentar.
  • lihat ke sebelah kanan pada Template entri klik link Tambahkan.


  • Setelah itu masukan isi dari kode Sampel_product.txt yang sudah dilampirkan dalam file download.
  • Klik SIMPAN SETELAN dan Selesai.

6. Membuat posting Produk di toko online ( Lihat Video )

  • Klik menu Entri Baru / New Post .
  • Jika anda sudah melakukan langkah 4,pastinya Format Post sudah akan terisi secara otomatis seperti di bawah ini :


  • Pastikan anda berada di opsi Compose bukan HTML.
  • Untuk mengganti gambar produk silahkan Klik Gambar > pilih Remove.
  • Kemudian upload gambar produk baru anda dengan klik icon gambar seperti arah panah no 3 pada gambar di atas.
  • Kemudian untuk upload gambar baru klik Pilih File dan untuk menggunakan gambar yang sudah di upload sebelumnya klik From this Blog seperti di bawah ini :


  • Setelah itu klik Add Selected untuk menambahkan gambar tersebut ke area post.
  • Setelah itu klik kembali Gambar Produk dan pilih Small ( ini untuk fungsi zoom )
  • Untuk pengaturan posting produk lainnya ikuti petunjung berikut ini :
  • Untuk point no 1 itu bisa anda isi dengan Nama produk.
  • Point 2 itu adalah data produk seperti Harga,deskripsi,stok dan lain-lain.
  • untuk point 3 itu adalah kolom Label/Tag yang berguna untuk mengkategorikan produk.
  • Point 4 itu button publikasikan untuk menerbitkan produk anda.

7. Menampilkan Badge produk SALE,SOLD dan NEW.

Template OKESHOP memiliki fitur badge untuk mendukung kinerja toko anda dan di sisi lain untuk membuat tampilan toko menjadi lebih profesional.



Untuk memuncul badge seperti di atas anda cukup memberikan nama LABEL pada saat membuat posting produk.
  • Untuk memunculkan badge NEW silahkan isikan nama label dengan NEW ( semua menggunakan huruf kapital/besar ).
  • Untuk memunculkan badge SOLD silahkan isikan nama label dengan SOLD ( semua menggunakan huruf kapital/besar )
  • Untuk memunculkan badge SALE silahkan isikan nama label dengan SALE ( semua menggunakan huruf kapital/besar )

8. Mengganti Logo dan Icon Toko Online.

  • Siapkan sebuah logo berukuran ( 260 x 75px ) dan icon ( 30 x 30px )
  • Klik menu Tataletak > dan lihat sebelah kanan layar anda.
  • di halaman widget,klik Edit pada widget Header dan Favicon seperti di bawah ini :
  • Kemudian akan muncul pop-up dan klik Pilih file/ Browser .
  • Upload logo yang sudah anda siapkan sebelumnya dan jangan lupa centang opsi nomor 2 ( Selain judul dan keterangan ).
  • Klik simpan.

9. Menambahkan dan Edit widget pada Template.

  • Masih di menu Tataletak/layout.
  • Untuk melakukan edit silahkan klik edit pada masing-masing widget yang sudah pernah anda tambahkan sebelumnya.
  • Untuk menambahkan widget,silahkan klik Tambahkan widget ( english : Add widget ) untuk menambahkan widget di posisi yang anda mau seperti contoh di bawah ini :
  • Pada poin no 1 itu adalah link edit untuk Mengedit widget.
  • untuk poin 2 itu untuk menambahkan widget baru.
  • untuk menyudahi jangan lupa klik Simpan.

10. Mengganti Menu Horizontal di OKEshop Template. 

Untuk mengganti menu horizontal yang di bagian atas pada template ini :

  • masuk ke menu Template dan pilih Edit HTML
  • Kemudian cari deretan kode seperti di bawah ini :


<li><a href='#'>PRODUK 1</a>
<ul>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
</ul>
</li>
<li><a href='#'>PRODUK 2</a>
<ul>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
</ul>
</li>
<li><a href='#'>PRODUK 3</a>
<ul>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
<li><a href='#'>Edit Menu</a></li>
</ul>
</li>
<li><a href='#'>CARA BELANJA</a></li>
<li><a href='#'>BELI TEMPLATE</a></li>



  • Ganti text yang berwarna merah dengan Nama Menu yang anda kehendaki.
  • Untuk text yang berwarna Kuning itu adalah Submenu,silahkan di ganti sesuai keinginan.
  • Untuk mengganti URL agar aktif silahkan ganti tanda # dengan URL tujuan anda.
  • Klik SIMPAN TEMPLATE.

    11. Mengganti gambar Slider Toko Online :

    • Masih di halaman HTML > cari kumpulan kode slider seperti di bawah ini :
    <ul class='rslides'>

    <li><a href='http://www.oketemplate.com/'><img alt='OKEshop Template' src='http://3.bp.blogspot.com/-fsMWz3NjRmc/VXbmCnohdCI/AAAAAAAACnY/vXF-4soXGdk/s1600/banner_okeshop.jpg'/></a></li>

    <li><a href='http://www.oketemplate.com/'><img alt='OKEshop Template' src='http://3.bp.blogspot.com/-XF3eeYbazvs/VXw1P3DyuBI/AAAAAAAACog/Kv5aJT_0-xw/s1600/slider%2B1.jpg'/></a></li>

    <li><a href='http://www.oketemplate.com/'><img alt='OKEshop Template' src='http://2.bp.blogspot.com/-KtwcwUl_lGs/VXw1Qy2G4yI/AAAAAAAACoo/RcJMpEKf6jc/s1600/slider%2B2.jpg'/></a></li>
    </ul>

    Perhatian :
    • Ganti URL berwarna Hijau dengan alamat URL tujuan dari banner tersebut,bisa ke halaman atau ke web lain.
    • Untuk text berwarna Merah silahkan di ganti dengan URL gambar slider yang sebelumnya sudah di upload ke internet atau blogger.
    • Ukuran gambar Slider adalah Lebar : 950px dan Tinggi : 250px .
    • Jangan lupa Simpan Template kembali.

    12. Cara merubah Warna TEMPLATE via Template Designer

    • Silahkan klik menu Tata Letak ( Layout )
    • Lihat di poko kanan atas klik link Desainer Template ( Template Designer )
    • Kemudian pilih menu Tingkat Lanjut ( Advance )
    • Setelah itu anda bisa merubah Warna di beberapa opsi yang sudah di sediakan seperti Warna Background template,warna menu dan masih banyak lagi.
    • Jika sudah pas dengan perubahan template anda > klik Terapkan ke Blog ( apply to blog ) pada pojok kanan atas.
    • SELESAI,......

    TERIMA KASIH
    Tentang Penulis

    Buatwebmu.com adalah website penyedia jasa pembuatan website murah.