FLATshop adalah template gratis untuk blog yang kita terbitkan di tahun 2017.Template ini sangat sederhana dan cocok buat anda yang mau merintis bisnis di bidang toko online. Untuk desain template ini kita ambil dari pendahulunya yaitu BukaBaju blogger template yang dipublish tahun 2015 lalu.
 |
| FLATshop New e-commerce Blogger Template |
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/AVvXsEjyvGqLjEa1GpP8pJSxhHaTwVyBvEJ5caRLlJL_QByLRNtpRPHMHNwD0ZkCcLqOkBVd2EXXaweAIMG49-o4VDX2BgfNFcWCaItML-sgxznih5mpdcuLkvbRUJCSFaol8WvY-5K6z6l0RhQ/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyvGqLjEa1GpP8pJSxhHaTwVyBvEJ5caRLlJL_QByLRNtpRPHMHNwD0ZkCcLqOkBVd2EXXaweAIMG49-o4VDX2BgfNFcWCaItML-sgxznih5mpdcuLkvbRUJCSFaol8WvY-5K6z6l0RhQ/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>
