- Shopping cart ( Keranjang belanja )
- Email Invoice ( invoice email otomatis )
- Drop down Menu
- Slide show by Nivo Slider
- Yang terpenting template ini GRATIS....hehehe
Designer & Author : www.Bukablog.com
Tutorial Template MasgusMarket :
1. Format Post MasgusMarket :
Untuk template masgusmarket 2014 harus di posting dengan Format tersendiri agar produk anda memiliki flexibilitas yang sama dengan produk lainnya, alias rapi gan..
Keterangan :<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfZ_YrAPVVhhVfNkZbaE0Q2CuoR6luToa355bMvpQa7bLNoOOB6UY9yX5tV_SeIlAWX41yjs7GAcWiU0DEo0xEapxyLmbk7EsoSi5fN-q12iRT9xW_QYORNtIPX5VrJ9KwXzY0sskSSoI/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfZ_YrAPVVhhVfNkZbaE0Q2CuoR6luToa355bMvpQa7bLNoOOB6UY9yX5tV_SeIlAWX41yjs7GAcWiU0DEo0xEapxyLmbk7EsoSi5fN-q12iRT9xW_QYORNtIPX5VrJ9KwXzY0sskSSoI/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: ; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS </div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />
- Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
- Jangan lupa merubah harga produk di bagian text yang berwarna Merah.
2. Setting data Pemilik Toko Online :
- Masuk ke halaman Template.
- klik Edit Html.
- Cari deretan kode seperti di bawah ini :
simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
- Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.
3. Script Slider by Nivo Slider :
- Masuk ke halaman TataLetak.
- Klik Tambahkan Gadget > Html/JavaScript.
- Pastekan kode Slider berikut.
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbu-UD8x7buFA-I5KqpFX4z7b1LQrJLMxxnJiZaoRQkKvak-RUD23itlbt68z2l1iAvOGc-jShssw7BVDD3BrzpJ-OVb72IJ5e2oOtWCGioHpopSM2X9IL0PoINFUhnp-ZoMtNh-J2XO4/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UDQvT_jkNjWsp9Y3z6uTdiJhZk1RQDMhGBdfSeSpmYnow0yIwVr_hhlWYWjzICn5BXqAjU_dGThfoHyG1LiDUZl0OZNp_H8ajcwR9JbyMQMZFKIaFhbXUfICEb5-0ZWQDBPQyf_jOeY/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0YRmM00wC4b_jjIetVF2Yg8FGJFWT4962V5OdbL4998r9iz3rpaQz5KcNpoUWp-WLbzEuDC1W5BTVUNOarDbj3lIKjmmlIc88AO7IFCOV57EhT9CicdWUbOWokWYMOvjoaJUZvT0PzU/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNXh6SvZuwgtVQBeYtiVDfwGbOI7OMaa3s21Susqi4Lz6wvagX9A0ulVa7Wli_8n1VOfIK5SbtNWpe3i-5mw4gScXmHu6vmpRwFDHpf3hiUVKtEjGAhU1Je-e4csOjPljpN5cJ4x_D5Ig/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
- Silahkan agan rubah kode yang berwarna Merah dengan URL banner anda sendiri.
- Klik Simpan dan lihat hasilnya.
Tidak ada komentar:
Posting Komentar