Panduan Instal Template Toko-02

1. Install Template di blogspot Anda bisa langsung cek video panduan berikut ini :

2. Setting Meta Tag Template.
Cari masing-masing script berikut di HTML Template, kemudian edit text warna merah ( xxxxx ) dengan data blog Anda.

 <meta content='xxxxx' name='keywords'/></b:if>
<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='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'/>

3. Mengedit Drop Down Menu
Masih di HTML Template, cari script berikut (atau yang mirip), kemudian ganti text warna merah dengan data blog Anda.

 <ul class='shnav shareink-mainmenu'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
  <li><a href='#' itemprop='url'><span itemprop='name'><i class='fa fa-cog'/> Service</span></a>
<ul>
  <li><a href='/p/about-us.html' itemprop='url'><span itemprop='name'>About Us</span></a></li>
  <li><a href='/p/contact-us.html' itemprop='url'><span itemprop='name'>Contact Us</span></a></li>
  <li><a href='/p/cara-order.html' itemprop='url'><span itemprop='name'>How to Buy</span></a></li>
</ul>
</li>

<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>   
</li>
</ul>
</li>
<li><a href='/search' itemprop='url'><span itemprop='name'><i class='fa fa-shopping-cart'/> All Products</span></a></li>
</ul> 4. Edit Pop Up Order via SMS

Cari script berikut ini :

 <!-- Konten popup, silahkan ganti sesuai kebutuhan -->
  <center>Order via <b>SMS/WhatsApp: 08123 456 789</b> atau <b>pin BBM : ABC1234</b> dengan format:<br/><br/>    <span style='font-size:18px;font-weight:bold;border: dashed #333 1px;padding: 1px;color: #000;background:#fff;'>Nama/nama-produk/jumlah/alamat/kota</span><br/></center><br/>Format order tidak harus sama, yang penting bisa kami pahami. Secepatnya Kami akan melakukan konfirmasi melalui SMS ke no Hp Anda, setelah Order Kami terima. <!-- Konten popup sampai disini-->

5. Edit Link  Temukan Toko Kami

Cari script berikut ini dan edit link sesuai data toko Anda.

 <div class='bawahmenu'>
<div class='switch1'><div class='switch-left1'>Temukan Toko Kami di :<br/></div></div>
<!-- Code untuk link Facebook -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di FACEBOOK</span>
<img alt='Toko Sosmed' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNA5pS7k2QwA0UE85OElSACboRzL9H0NwG6pbYVz4vhGZnfblSONza5wW3LAydz23Qu7O7O1AXmV8OxBU_cobLGSyb7dxLZqZbZXGA-MQ_g0E_XEfY7f3HHZltOY57IinsYvLpBh_l2mk/s1600/facebook.jpg' width='180'/></a>
<!-- Code untuk link Bukalapak -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di Bukalapak</span>
<img alt='Toko Sosmed' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWewdzPsCtQr9hV7hbAB391wlO-cZDNpl7v__W4uF1grzYBipT0zX_vSB4Iuc_x8kNYHkeYd-zxsq0R4L-DEP0zkRFXh0FLT5Db-jXEdh0DMjKN4461NHrD8LNMA0u6kEnekrW4Iws1C8/s336-Ic42/logo+bukalapak.png' width='180'/></a>
<!-- Code untuk link Instagram -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di INSTAGRAM</span>
<img alt='Toko Sosmed' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnkhsJ5PhP7i0ybQTGrGuha914C3CGcZgp0wECvxMIyaHgc5y-wUVVL-3Lk1BsfO7yLWqVHONwDdGEF7kgGiZrbvpqvbC6YBC1FQnG76lMm7h9LMFICXhOdNTpKr3S1SNkdi-53_1RzdE/s1600/instagram.jpg' width='180'/></a>
<!-- Code untuk link kaskus -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di KASKUS</span>
<img alt='Toko Sosmed' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGXyZfr07kvvg5Bemvr7hyphenhyphenV_MrBlgfrwC5eUgiSPOwyldUFiMLutOrXQ7wxOgYNsu9J_PWtMuAtQHaCB7wkTUejUoWY9l6-rW3QZ0dx3aFQLIGmHty2klr_6a_LxOWBl_hKhIp5xDoMo/s1600/kaskus.jpg' width='180'/></a>
<!-- Code untuk link Tokopedia -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di TOKOPEDIA</span>
<img alt='Toko Sosmed' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Wu15a2_OKrtFqqlutoH38-YQxrOGi0hC0dk0Ot1khsVL2UOkr_fwWih1u5gUp3JjJBxAyJTkHHP3u6atu7iNm9zU0gHthaBZM_Qixuo1mHJJ2slv76VJQ8LpFLaUyoozZhnv1IkwuEc/s1600/tokopedia.jpg' width='180'/></a>
<br/>
</div> 

6. Edit Nomer HP untuk Menerima Order SMS

Masih di HTML Template, cari script berikut, dan ganti dengan nomer HP anda untuk menerima order melalui SMS (ada 2 nomor HP yang harus Anda ganti):

 var sms='sms:0888888868?&body='+semua;

7. Edit Text Help Desk Customer Service

Tempatnya masih di HTML Template, cari Script berikut ini dan ganti sesuai kebutuhan Anda.

  <span style='font: normal 21px open sans;color:#908a8a'>Punya Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami. Siap melayani anda untuk sekedar sharing atau pemesanan jasa kami 24/7.</span><div class='clear'/><br/>
<a class='linebutton' href='#' target='_blank'><i class='fa fa-phone' style='padding-right:10px'/>Hubungi Kami</a> 

8. Edit Info Contact

Masih di HTML Template, cari script berikut ini, dan ganti text warna merah dengan data toko Anda.

 <tr style='background:#eee'><td style='font-weight:bold'>Contact Us</td><td> :</td><td><div class='contact_buy_now'><span class='phone'><span>Call center </span>081234567890 (Call/SMS) </span><span class='sms'><span>SMS</span> contact@email.com </span><span class='bbm'><span>BB Messenger </span>abc123 </span></div></td>
</tr>

Simpan Template

9. Mengedit Widget Contact

Masuk ke tab Tata Letak >> Masukan script berikut ke widget Contact, setelah diedit dengan data toko Anda.

 <div class="smart_ftbox conta">
<div class="kontak"><div class="iconct telp"></div>
<div class="cnt"><p>Telpon:</p> 0212345567</div></div>
<div class="kontak"><div class="iconct sms"></div>
<div class="cnt"><p>SMS/WhatsApp:</p> 085779188529</div></div>
<div class="kontak"><div class="iconct bbm"></div>
<div class="cnt"><p>BB Messenger:</p> ABCDEF</div></div>
<div class="kontak"><div class="iconct mail"></div>
<div class="cnt"><p>Email:</p> kontak@email.com</div></div>
</div>

10. Edit Widget Payment

Masuk ketab tata Letak >> Masukkan script berikut ke widget Payment setelah sebelumnya Anda edit dengan data toko Anda.

 <div class="smart_box">
<div class="smart_bank">
<div class="bank bca"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
An. Zen Pink</div>
</div>
<div class="smart_bank">
<div class="bank mandiri"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
An. Zen Pink</div>
</div>
<div class="smart_bank">
<div class="bank bni"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
An. Zen Pink</div>
</div>
<div class="smart_bank">
<div class="bank bri"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
An. Zen Pink</div>
</div>
</div>

 11. Memasang Widget Hubungi Kami

Masukin script berikut ke dalam widget hubungi Kami, setelah sebelumnya Anda edit.
Senin - Sabtu | 08.00 - 17.00 WIB<br>

 <span style="font:bold 25px Calibri;color:#fff;"><i class="fa fa-phone" style="padding-right:10px"></i>
(021) 12345677 </span><hr style="margin: 5px;">
<i class="fa fa-tty" style="padding-right:5px"></i>
SMS/PHONE : 08123 456 789 <br>
<i class="fa fa-whatsapp" style="padding-right:5px"></i>
WhatsApp : 08123 456 789 <br>
Pin BBM : ABC12345 <br>
</div>

12. Memasang Post Template

Masuk Ke Setelan >> Post, Komentar dan berbagi >> Tambahkan script berikut ini .

 <span class="item_price item-snippet">Rp 99,000</span><br />
<!--more--><br />
Tulis review produk dan Upload gambar produk utama disini

13. Cara Posting Produk - PENTING!!
Setelah memasang post template seperti poin 11, setiap kali Anda melakukan posting akan muncul post template seperti berikut ini.

• Lakukan posting produk seperti petunjuk dari post template tersebut, jangan dirubah posisi / layout nya supaya hasil posting tidak berantakan.
• Opsi yang lainnya seperti posting biasa di blogspot.

 Untuk Anda yang sudah memakai platform wordpress, 7 Template Toko Online WordPress Gratis Supaya Produk Anda Tampil Menarik ini bisa menjadi pilihan website toko online Anda. Meskipun gratis namun sudah memiliki fitur yang cukup mumpuni, apalagi dengan platform Wordpress yang dikenal cukup tangguh dalam SEO.

Share this post