Simplify Store adalah template online store untuk platform Blogger dengan layout yang responsif dan cocok untuk Anda yang ingin memulai berjualan online. Desainnya dengan kombinasi warna sederhana, bersih dan modern terlihat, Cepat, Optimal SEO, dan telah dibangun dengan menggunakan beberapa tren desain terkini.
Installation
1. Log in ke Blogger dashboard dan buka Template > Edit HTML.
2. Silahkan backup template lama Anda jika Anda memutuskan untuk menggunakannya lagi. Untuk melakukan ini, klik pada "download template lengkap" link dan simpan template.
3. Kemudian, cari lokasi XML template yang baru saja Anda download dan tekan "Upload".
Customize Theme
Navigation
1. Silakan buka Blogger > Template > "Edit HTML"
2. Cari dan ganti semua kode ini # dengan link Anda.
<ul id='amp-gooms'>
<li><a href='/p/payment.html#handphone' target='_blank'><i class='material-icons'></i> +62-823-4024-4545</a></li>
<li><a href='/p/about.html' title='About us'><i class='material-icons'></i> About</a></li>
<li class='payment'><a href='/p/payment.html' title='Payment'><i class='material-icons'></i> Payment</a></li>
</ul>Cara Belanja
<a class='btn btn-purple btn-lg' expr:href='"https://api.whatsapp.com/send?phone=6282340244545&text=Saya%20pesan%20" + data:post.title'><svg viewBox='0 0 24 24'>
<path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z' fill='#fff'/>
</svg> Pesan Sekarang</a>
<a class='btn btn-purple btn-lg' expr:href='"sms://+6282340244545?body=Saya%20pesan%20" + data:post.title'><svg viewBox='0 0 24 24'>
<path d='M17.25,18H6.75V4H17.25M14,21H10V20H14M16,1H8A3,3 0 0,0 5,4V20A3,3 0 0,0 8,23H16A3,3 0 0,0 19,20V4A3,3 0 0,0 16,1Z' fill='#fff'/>
</svg> SMS Sekarang</a>1. Silakan cari nomor
6282340244545 gantti dengan nomor handphone Anda yang terhubung dengan Whatsapp dan SMS untuk pemesanan produk yang Anda jual.Footer Menu
<div class='footer-column'>
<div class='footer-menu'>
<h3>About</h3>
<p class='footer2'>
Google today announced IT admins can now apply policies to Chrome on Android and iOS, in addition to Windows, Mac, Linux, and Chrome OS.
<div class='clear'/>
<div class='simplifymed'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
</div>
</p>
</div>
<div class='footer-menu'>
<h3>Web Tools</h3>
<ul class='footer2 line'>
<li><a href='#' title='Contact Form'>Contact Form</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Daftar Isi Blog'>Sitemap</a></li>
<li><a href='#' title='Terms of Service'>Terms of Service</a></li>
</ul>
</div>
<div class='footer-menu' id='subscribe-footer'>
<h3>Newsletter</h3>
<p>Berlangganan artikel terbaru dari blog ini langsung via email.</p>
<div class='emailfooter'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=Blog-simplifydua', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='email' onblur='if (this.value == "") {this.value = "Email address";}' onfocus='if (this.value == "Email address") {this.value = "";}' type='text' value='Email address'/>
<input name='uri' type='hidden' value='simplifydua'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitfooter' type='submit' value='Submit'/>
</form>
</div>
</div>
</div>
</div>SEO Meta Tag
Buka Blogger, Template, "Edit HTML" Cari dan ganti semua tulisan xxxxx dengan keterangan blog Anda (Jika tidak diperlukan, hapus atau dibiarkan juga tidak apa-apa).
<meta content='xxxxx' name='keywords'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>Posting Produk
Kode ini digunakan untuk membuuat postinggan produk Anda
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class="item_price">Rp.35.000 </div>
</b:if></b:if>
<div class="content-produk">
<a class="colorbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefv0FWKb9DJ21DhBArCkOS1bh0-nteIpPrSvzktsMTSzw2mQVcl5Q9xrh6indrdz8lNVpwd7grfb6a_Il21LLJ51GQQcJYhe_bCQwwAWDpFlv3zCU8sJ73b2q3nRzg_G-WeHo4vHGdQtQ/s800/kioyo-2.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<div class="templatemo-project-box">
<img alt="gallery" class="img-responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefv0FWKb9DJ21DhBArCkOS1bh0-nteIpPrSvzktsMTSzw2mQVcl5Q9xrh6indrdz8lNVpwd7grfb6a_Il21LLJ51GQQcJYhe_bCQwwAWDpFlv3zCU8sJ73b2q3nRzg_G-WeHo4vHGdQtQ/s200/kioyo-2.png" />
<div class="project-overlay">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#fff" d="M15.5,14L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5M9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14M12,10H10V12H9V10H7V9H9V7H10V9H12V10Z" />
</svg>
</div>
</div>
</a>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Info Produk</label>
<div class="content">
<span class="technical-box">
<span class="field-name">Harga</span> <span class="field-value">: Rp. 35.000 (belum termasuk ongkir)</span>
<span class="field-name">Stok</span> <span class="field-value stok">: Tersedia</span>
<span class="field-name">Berat</span> <span class="field-value">: 200gr</span>
<span class="field-name">Pemesanan</span> <span class="field-value">: min 1</span>
<span class="field-name">Kode Item</span> <span class="field-value">: <b>kioyo003</b></span>
</span>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Ulasan</label>
<div class="content">
<div id="review_box">
<div id="wpac-review"></div>
</div></div></div></div></div>
<div class="clear"></div>
<h4>DESKRIPSI PRODUK:</h4>
<div class='clear'></div>
<p>Kopi KI OYO adalah kopi yang berasal dari biji kopi pilihan yang dipetik langsung dari kebun sendiri milik Bapak H. OYO di Desa Cileungsir Kecamatan Rancah Kabupaten Ciamis. Bapak H. OYO adalah salah seorang petani kopi yang cukup berhasil yang mana beliau juga adalah seorang pensiunan dari tenaga medis kesehatan dan orang biasa memanggilnya pak mantri Oyo.<br/>
<br/>
Areal lahan kopi yang diusahakan sudah lebih dari 10 tahun dengan luas + 3 (tiga) hektar dan jenis kopi yang dibudidayakan adalah jenis kopi robusta yang penanamannya dengan sistem sambung dari asal pohon induk kopi pilihan dengan produksi antara 2 – 2,5 ton per tahun dalam bentuk kopi berasan.<br/>
<br/>
Kopi Ki Oyo 100% ROBUSTA, tersedia dalam Ground Coffee dan Reasted Bean dengan Medium Roast, Medium Dark Roast, dan Dark Roast.</p>1. Silakan ganti kode
Rp.35.000 dengan harga produk Anda, ini berfungsi untuk menampilan harga pada halaman depan (homepage)2. Silahkan ganti kode
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefv0FWKb9DJ21DhBArCkOS1bh0-nteIpPrSvzktsMTSzw2mQVcl5Q9xrh6indrdz8lNVpwd7grfb6a_Il21LLJ51GQQcJYhe_bCQwwAWDpFlv3zCU8sJ73b2q3nRzg_G-WeHo4vHGdQtQ/s800/kioyo-2.png dengan url gambar produk Anda3. Silahkan ganti kode
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefv0FWKb9DJ21DhBArCkOS1bh0-nteIpPrSvzktsMTSzw2mQVcl5Q9xrh6indrdz8lNVpwd7grfb6a_Il21LLJ51GQQcJYhe_bCQwwAWDpFlv3zCU8sJ73b2q3nRzg_G-WeHo4vHGdQtQ/s200/kioyo-2.png dengan url gambar produk Anda. Url gambar produk ini sebenarnya sama seperti pada url gambar produk diatas (nomor 2), hanya saja perbedaan pada size pada gambarnya. Untuk mengganti size gambar Anda bisa merubah /s800/ kode pada url gambar nomor (2) dengan kode /s200/ sehingga Aanda tidak perlu meng-upload ulang gambar yang sama dengan size yang berbeda.4.
Rp. 40.000 (belum termasuk ongkir) Ganti dengan harga produk Anda. Ini berfungsi untuk tampilan detail produk pada TAB5.
Tersedia Ganti dengan ketersedian stock produk Anda6.
200gr Ganti dengan berat produk Anda7.
min 1 Ganti dengan minimum order8.
kioyo003 Ganti dengan kode produk Anda.Nonaktifkan tampilan khusus mobile
Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.Oke cukup sekian untuk dokumentasi template Simplify Store, jika ada kesulitan lain jangan segan untuk bertanya lewat formulir kontak blog Circle Templates. Terima kasih.
Untuk Lebih Jelasnya Cara Membuat Postingan Produk, Anda Dapat Menyimak Video Tutorial Dari Bang Adhy Suryadi Di KompiAjaib. Karena Cara membuat Postingan Produk Di Tempplate Simmplify Store Sama Seperti Mambuat Postingan Di Template Kiosiana Milik Bang Adhy Suryadi Hanya Ada Sedikit Perbedaan Saja, Atau klik tombool di bawah ini unttuk menyimak video tutorial membuat postingan produk.
Tidak ada komentar:
Posting Komentar