Lompat ke konten Lompat ke sidebar Lompat ke footer
Cara Membuat Toko Oline Sendiri dan Download Templatenya

Cara Membuat Toko Oline Sendiri dan Download Templatenya

Cara Membuat Toko Oline Sendiri dan Download Templatenya

Fitur terbaru yang terdapat di FLATshop :


  • Welcome menu
  • Contact Menu
  • Ads ready
  • Drop down menu
  • Tracking logo
  • Bank Support
  • etc


a. Panduan install FLATshop :

1. Panduan membuat Posting Produk :

Cara membuat posting produk sangatlah mudah,anda tinggal mengganti url gambar yang ada pada script di bawah ini :

 <div class="product_image">
<a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdF614N05fjuPVoa5_KtHzx1a3rKYQ5eHIq4EzDGqS48GRUf3-B4KGj7m14d_g9T1Q7Y8u8uSaCifD5BYGgDNgmcrT_at3S0ermfkwn3-WkZY3U3nUqngxkZTvE3D_9LivYnE04j0LNQ/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdF614N05fjuPVoa5_KtHzx1a3rKYQ5eHIq4EzDGqS48GRUf3-B4KGj7m14d_g9T1Q7Y8u8uSaCifD5BYGgDNgmcrT_at3S0ermfkwn3-WkZY3U3nUqngxkZTvE3D_9LivYnE04j0LNQ/s1600/nike.jpg" /></a>
<span class="item_price">Rp 190.000</span></div>
<div class="product_describe">
Deskripsi Produk anda</div>

Keterangan :
  • Ganti url yang berwana merah dengan url gambar produk yang sudah anda upload ke blogger.
  • Untuk text berwarna hijau itu adalah harga produk ( silahkan anda ganti sesuai harga produk anda sendiri )
  • Untuk text berwarna ungu adalah deskripsi produk anda.

2. Setting Halaman pembelian di FLATSHOP :
Ada beberapa yang harus anda setting jika menggunakan template ini salah satunya adalah halaman pembelian .
  • Silahkan buat halaman anda terlebih dahulu > klik menu Laman > kemudian klik Laman baru> dan buat halaman yang anda inginkan ( biasanya disini berisi konta,alamat toko dan panduan cara pembelian produk pada toko online. )
  • Setelah itu copy URL halaman anda dan sekarang masuk ke menu TEMA > kemudian klik Edit HTML dan cari kode berikut ini :
<a class='belitdetail' href='http://flatshoptemplate.blogspot.com/p/cara-pemesanan-produk.html'>Pesan Sekarang</a>
  • Gantikan url yang sudah anda copy tadi pada url yang berwarna merah.
  • Klik Simpan Template.

3. Setting menu Template :
  • Masih di mode HTML.
  • Silahkan cari deretan kode seperti berikut ini :

 <div class='menuku'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Aksesoris</a>
<ul>
<li><a href='#'>Gelang</a></li>
<li><a href='#'>Sabuk</a></li>
<li><a href='#'>Topi</a></li>
<li><a href='#'>Tas</a></li>
<li><a href='#'>Sepatu</a></li>
</ul>
</li>
<li><a href='#'>Teknologi</a>
<ul>
<li><a href='#'>Laptop</a></li>
<li><a href='#'>iPad</a></li>
<li><a href='#'>Smartphone</a></li>
<li><a href='#'>Cpu</a></li>
<li><a href='#'>HandPhone</a></li>
</ul>
</li>
  • Ganti Text yang berwarna merah sesuai kebutuhan anda.
  • Klik Kembali Simpan Template.

Silahkan download template ini dan jangan lupa  share ke teman teman yang mmebutuhkan.

Download Template FLATSHOP KLIK DISINI

Sumber Artikel :  https://www.idblogspot.com/2017/07/template-toko-online-gratis-2017.html
Open Comments