Download 5 Template Toko Online Blogspot Gratis
Template toko online dengan menggunakan platform blogspot kini semakin banyak di gemari dan seiring dengan itu juga saya begitu bersemangat menciptakan berbagai bentuk versi template,baik itu PREMIUM dan juga yang bebas download alias GRATIS.
Perkembangan tingkat kepercayaan konsumen terhadap toko online kini semakin baik dan ini membuktikan bahwa peluang anda untuk terjun ke dunia online sangatlah besar.Bangun bisnis anda sekarang juga dan jangan sampai ketinggalan prospek yang begitu potensial di tahun ini dan seterusnya.Jika anda memang awam dan butuh panduan untuk hal tersebut,cobalah baca cara dan strategi mengembangkan toko online sukses.
Template toko online dengan menggunakan platform blogspot kini semakin banyak di gemari dan seiring dengan itu juga saya begitu bersemangat menciptakan berbagai bentuk versi template,baik itu PREMIUM dan juga yang bebas download alias GRATIS.
Perkembangan tingkat kepercayaan konsumen terhadap toko online kini semakin baik dan ini membuktikan bahwa peluang anda untuk terjun ke dunia online sangatlah besar.Bangun bisnis anda sekarang juga dan jangan sampai ketinggalan prospek yang begitu potensial di tahun ini dan seterusnya.Jika anda memang awam dan butuh panduan untuk hal tersebut,cobalah baca cara dan strategi mengembangkan toko online sukses.
berikut ini 5 Template Toko Online.
1. margus market template
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..
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..
<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaKuQ8rcXgSvny6tCHnbCuf_9ZeVOgTANNWmKjaciPZo5FVSIQNx6JBv-BhsDApYI6ozeTubfXmrNxG-gC8WqOxxCa97AxxnqR_Q54xsiX-XwqVlalyIn9GdzolH03ASlLgwLR8Jq-4h4/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaKuQ8rcXgSvny6tCHnbCuf_9ZeVOgTANNWmKjaciPZo5FVSIQNx6JBv-BhsDApYI6ozeTubfXmrNxG-gC8WqOxxCa97AxxnqR_Q54xsiX-XwqVlalyIn9GdzolH03ASlLgwLR8Jq-4h4/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 />
Keterangan :
Silahkan ganti 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/AVvXsEjdEVW4MhAoAb0od2mC8aOKL2YGCh93D76UcmjSTOWyEnD5FrCMmNsNK6mk8WpaxdietSN1Nv9SRwcPHh_PzgFweKlJt1z137O7y3MFIkFGTAfvnxFMGBwC6bai0sxWSf5nLYNKk3w6l48/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqMvH46gbuaHDIsGyN6NjsviW2CDnXN2YJxObnbsF09XhVGqNYe3l1NQqJ-uNMAjrL2GAVLl8HxHGIMLuVi6W7NulmcDvQih0_DxCXrD5_7lUht9b44GZlLOezFHlOY4wRyK_s9hQgxc/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/AVvXsEhHjd5kqIID4BU8hsBxWv34ppw5xeTWeXmr4SK8MIRdZvtGALL7pM13UmWyoaibhVnpFkX7dm8Gf5kKWpGdWYqbODVBhv-Y-yZJbpJo1V_CIyT7JU1wJvjlWwK3Z4nzqtQp-OVNYyE3ARo/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlp6jDO583DG4OpnwQY-wWstjo8Pv6sp5xdqmIpCkGP3C5kQBVLBmKJdr2_kbI3rphPLB8skjEzByyF0oKEyQbDyTdsSwHtTAaXNp0qH9-DREATGtwXCfUFmTrqXLI2FINTyDDvcnHjPk/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.
Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.
<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 />
Keterangan :
Silahkan ganti 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/AVvXsEjdEVW4MhAoAb0od2mC8aOKL2YGCh93D76UcmjSTOWyEnD5FrCMmNsNK6mk8WpaxdietSN1Nv9SRwcPHh_PzgFweKlJt1z137O7y3MFIkFGTAfvnxFMGBwC6bai0sxWSf5nLYNKk3w6l48/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqMvH46gbuaHDIsGyN6NjsviW2CDnXN2YJxObnbsF09XhVGqNYe3l1NQqJ-uNMAjrL2GAVLl8HxHGIMLuVi6W7NulmcDvQih0_DxCXrD5_7lUht9b44GZlLOezFHlOY4wRyK_s9hQgxc/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/AVvXsEhHjd5kqIID4BU8hsBxWv34ppw5xeTWeXmr4SK8MIRdZvtGALL7pM13UmWyoaibhVnpFkX7dm8Gf5kKWpGdWYqbODVBhv-Y-yZJbpJo1V_CIyT7JU1wJvjlWwK3Z4nzqtQp-OVNYyE3ARo/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlp6jDO583DG4OpnwQY-wWstjo8Pv6sp5xdqmIpCkGP3C5kQBVLBmKJdr2_kbI3rphPLB8skjEzByyF0oKEyQbDyTdsSwHtTAaXNp0qH9-DREATGtwXCfUFmTrqXLI2FINTyDDvcnHjPk/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.
Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.