MasgusMarket Blogger Template

Platform Type : Blogger

Template Name : MasgusMarket Blogger Template

Instructions : Tutorial Mengubah Template di Blogger

Author Name : Gusti Adnyana

Design URL : Themes.BukaBlog.com

Publisher : BTemplate Dojo

Feature :

Minimalist
Full Color Design
Elegant
E-Commerce Design
Shopping Cart
IDR Currency
Ads Slot Ready
Slider by Nivo
Dropdown Menu
And More

DEMO
DOWNLOAD

Tutorial Instalasi :

1. Format Post MasgusMarket :

Untuk template ini dan template online store lainnya pasti memiliki format tersendiri agar postingan produk sobat rapi dan enak dilihat...

1. Buat Postingan baru

2. Pilih mode HTML

3. Copy dan pastekan kode dibawah ke postingan baru sobat

<div class="product_image">

<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bhkuJG5an7UbeyYE7N8ndGiwY-9v2GOpS00khZV9tpURb2igItm-ow6iKAwxQ8QFPwWIZXjnpZJlzB9z0XAdsP1Uft2hcNXPoe8wbdHAMBvC8IsBE8NTSJRpa3n7YR-Mwd3yV3w0WVg/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bhkuJG5an7UbeyYE7N8ndGiwY-9v2GOpS00khZV9tpURb2igItm-ow6iKAwxQ8QFPwWIZXjnpZJlzB9z0XAdsP1Uft2hcNXPoe8wbdHAMBvC8IsBE8NTSJRpa3n7YR-Mwd3yV3w0WVg/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: white; 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 />

4. Publikasikan

Keterangan :

- Untuk kode berwarna merah bisa sobat ganti dengan URL gambar

- Untuk kode berwarna hijau bisa sobat ganti dengan Harga produk sobat

- Untuk memcocokan postingan dengan produk, selebihnya sobat bisa edit sendiri.

2. Setting data Pemilik Toko Online :

1. Klik menu Template

2. Klik Edit HTML

3. Cari kode seperti dibawah ini

simpleCart.email = 'masgustemplate@gmail.com';

simpleCart.checkoutTo = Email;

simpleCart.currency = IDR;

4. Edit kode yg berwarna merah dengan email sobat

5. Save Template

3. Script Slider by Nivo Slider :

1. Klik menu Tata Letak

2. Klik Tambahkan Gadget > Pilih HTML/Javascript

3. Copy dan Pastekan kode dibawah ke gadget

<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/AVvXsEju8udIbVKLwNXzRBkYFjsY8_6tb4oK5TuQ85xU0Fub2qxo8xLNOIv4ttHyVHsLNOFaV3jvqx5wAu2hWJcULi6ct8woeODP_7ZsvWhh5eIrZ_K4O9PHlUYimqG9rBBhyphenhyphenJa4PFJJTJ0bVSc/s1600/gshock_banner_2.jpg" alt="" /></a>

<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrf_cLLaMEga5Rt72hAFHByD-uzdiWLCsPJNB2lSGXy_rm3NLrs8Z1v3YB22KHxqhWTQnLdjiMUVFTjI2Qh5psYT88DdzbLinXOGeua9TTBUBDWJjHJjLGsJxt_47nSU0ovuQ9s2HlaU/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/AVvXsEiw7sSi1VvyJqoRxML1I9rifoNtjb377QHYCDymbYdBT1NyxPZqQUGIrA4kq3je6UXAGjYzjvmk-b0CAFT3AlkMjfXPbrEhIbOQsTaVG-NjRwxuMIioyJpIM7PatPYBRbLfMO6RYn_x2Qo/s1600/ban.jpg" alt="" /></a>

<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr7SMsaYFUV0-2yw2eXQ37VzfFgGXm9s3muxdWz8OgZjXJHWVNZbVta6ybpWB_NASoq8SE11Fq0_w8Ac6yUoNDuHqO1NnSqHTgMPhtT1bz_92tUAipnrLjwBIllrBlm5APTpzJSbmrMPM/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>

</div>

<div id="htmlcaption" class="nivo-html-caption">

<strong>Selamat Berbelanja

</strong></div>

</div>

4. Klik Simpan

Keterangan :

- Untuk kode berwarna biru bisa sobat ganti dengan URL blog sobat

- Untuk kode berwarna merah bisa sobat ganti dengan URL gambar sobat

MasgusMarket Blogger Template

4/ 5

Oleh Sewa Kantor Virtual

Sewa Kantor Virtual Pada 12/21/2015 Komentar

Senin, 21 Desember 2015