![]() |
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.
8 Komentar
saya kesulitan membuat posting produk
BalasHapusNext akan ada panduan videonya gan...tunggu ya gan biar tutorialnya lebih jelas...terima kasih
Hapuskalo udah ada videonya kabarin ya gan thanks infonya :D
BalasHapusterimaksih sangat bermanfaat,jadi semangat belajar web meskipun gda basic hhe
BalasHapusTutor keren.. Thanks gan. Ijin sedot semua
BalasHapussaya kesulitan posting produknya mas.... mhon dibuatkan videonya
BalasHapusIjin sedot gan sgt mmbntu bgt tutornya. Terimakasih
BalasHapuspada saat mencari knapa hasilnya kok tidak ada tombol detail produknya ?
BalasHapus