FLATSHOP Template Toko Online Blogspot Keren 2017

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 Template Toko Online Keren 2017
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="http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="http://4.bp.blogspot.com/-Qb0XOe0gSwM/UsDbutBkjBI/AAAAAAAABXo/mX8Ucixk_Bc/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 daftarkan email anda di feed kami untuk mendapatkan informasi terbaru dan up to date dari idBLOGSPOT. Terima kasih dan selamat mencoba.


FLATSHOP Template Toko Online Blogspot Keren 2017 FLATSHOP Template Toko Online Blogspot Keren 2017 Reviewed by IMAGINEZ ID on 09.12 Rating: 5

8 komentar:

  1. saya kesulitan membuat posting produk

    BalasHapus
    Balasan
    1. Next akan ada panduan videonya gan...tunggu ya gan biar tutorialnya lebih jelas...terima kasih

      Hapus
  2. kalo udah ada videonya kabarin ya gan thanks infonya :D

    BalasHapus
  3. terimaksih sangat bermanfaat,jadi semangat belajar web meskipun gda basic hhe

    BalasHapus
  4. Tutor keren.. Thanks gan. Ijin sedot semua

    BalasHapus
  5. saya kesulitan posting produknya mas.... mhon dibuatkan videonya

    BalasHapus
  6. Ijin sedot gan sgt mmbntu bgt tutornya. Terimakasih

    BalasHapus
  7. pada saat mencari knapa hasilnya kok tidak ada tombol detail produknya ?

    BalasHapus