Langsung ke konten utama

Gratis Download Template Toko Online Blogspot Responsif Baru dan Keren

Baca Juga

Menyongsong hari kemerdekaan RI di tahun ini, Tukang Toko Online juga ingin memberikan hadiah berupa bagi-bagi template toko online blogspot terbaru secara gratis.

Template yang akan dibagikan gratis ini merupakan versi Lite-nya dari Template Toko-01 yang barusan di luncurkan sebelumnya. Meskipun demikian sejumlah fitur utama tetap disertakan pada template ini, sehingga tidak mengurangi fungsi serta kebutuhan utama untuk toko online Anda.

Beberapa fitur wajib seperti, meta tag SEO, payment widget, opsi order, info contact, customer service dll. sudah ada dan siap digunakan pada template ini. Panduan step by step setting templatenya tetap akan diberikan meskipun template toko-02 ini dibagikan secara gratis.



Tapi tentu saja, meskipun Anda tidak harus membayar untuk mendapatkan template ini, tetap ada sejumlah syarat yang harus Anda penuhi untuk mendapatkan template ini, seperti halnya jika Anda pernah mengunduh beberapa template gratis di blog ini. Syaratnya cukup mudah dan tidak memberatkan, bahkan bisa jadi akan bermanfaat untuk Anda.

Atau mungkin saja, Anda menginginkan fitur toko online yang lebih lengkap, Anda bisa langsung menuju ke template blogspot premium di Template Toko-01 ini.

Cara mendownload template ini bisa Anda dapatkan di bagian akhir dari posting ini.
Fitur template selengkapnya bisa Anda cek langsung melalui live demo di bawah ini, dan beberapa deskripsi fitur selengkapnya bisa anda baca dan simak melalui list  tabel di bawah ini juga.

Template Toko-02

gratis download template toko blogspot template toko-02




MAIN FEATURESCheck List 
Full Responsive Design
Grid View Homepage
Header Contact Customer Service icon
Responsive menu
Product Zoom Image in Homepage
Social Shared Button
Related Post 
SMS form order (mobile only)
Meta Tag SEO Friendly
Shopping Cart
Email Invoice
Best Seller Widget
Carousel slideshow
Messenger Chat Box
Drop Down Menu
Manual Instalation
Testimoni
Support
Template LicensedFREE


Panduan Setting

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
popup 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
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='http://4.bp.blogspot.com/-q80QxCRphUA/VhkekxaHgRI/AAAAAAAADOg/Ykgrvgj3wEU/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://lh3.googleusercontent.com/-VngAbbiyhHY/Vv4xtBPocQI/AAAAAAAABjA/9XyY_Nteaco62Rj3pHnlv62o1X4suo2qgCCo/s336-Ic42/logo%2Bbukalapak.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='http://1.bp.blogspot.com/-rmvPmfJqHmI/VhkemfaLW0I/AAAAAAAADOw/3mKu0hzK1-0/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='http://2.bp.blogspot.com/-oMV0ZBTeZjY/VhkepIZsMRI/AAAAAAAADO4/1KSZNU61Xw8/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='http://1.bp.blogspot.com/-pcxtlT2NN74/VhkeqVYh0hI/AAAAAAAADPA/o7a-N3UXVss/s1600/tokopedia.jpg' width='180'/></a>
<br/>
</div> 
6. Edit Nomer HP untuk Menerima Order SMS
Order via 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
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
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
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
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
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
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.


cara posting template buku kita
  • 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.

Unduh Template
    Buka Komentar

    Komentar

    Ayam Mercon mengatakan…
    sangat lengkap dan membantu.trimakasih y
    ridwan Fatorani mengatakan…
    mohon bantuanya ya. sudah kirim permintaan template
    TOKO HERBAL mengatakan…
    saya sudah kirim permintaan kok belum juga di respon ya padahal udah ngikuti syarat nya
    Budijoi Corner mengatakan…
    Akhirnya nemu juga disini cara2 nya, saya sudah kirim email permintaan nya ya admin.
    Budijoi Corner mengatakan…
    Keren lho...saya pake template toko 01...fitur2nya lengkap banget...udah dikasi gratis, dikasi cara2 settingnya...barokah hidupnya ni admin...
    Yayan Ariyanto mengatakan…
    Saya sudah kirim email ya. Ditunggu template nya gan..
    Yayan Ariyanto mengatakan…
    cara supaya menu dropdown bisa scroll gimana gan?
    deny dubois mengatakan…
    mohon minta link downloadnya dong???
    Ratu Nurhayati mengatakan…
    kok jadi pelit gini ya padahal web anda sudah pakai adsense penghasilan sudah besar masih aja pelit :(
    reza harahap mengatakan…
    saya sudah like dan bagikan postingangan nya gan, mohon kirim link download nya segera :)
    Lara Store mengatakan…
    Thanks gan... saya sudah share dan ikuti petunjuk di atas. Langsung kirim template + settingannya ke lara4store@gmail.com atau langsung aja kirimkan ke wa 085396717324
    realita website mengatakan…
    terimakasih min,template sangat bermanfaat.
    Feri Apriansah mengatakan…
    Saya sudah ikuti syaratnya.. Ditunggu emailnya dari admin tukang toko online
    go dagang mengatakan…
    link downloadnya dimana gan???=(
    Admin mengatakan…
    Hae salam kenal Admin Tukang Toko Online!..

    Saya Fatoni sangat mengapresiasi karya template yang sangat keren dan responsif yang anda buat, penuh harap saya bisa ikut berkesempatan mencoba berkreasi dengan karya Tukang Toko Online.

    Mohon bantuan dan ijinnya untuk bisa download Template Toko-02 ya!..
    Salam seduluran..:D hahaha
    Pradika Wijaya mengatakan…
    Kakak saya udah melakukan langkah tersebut, mohon dikirimakan ya. mksh banyak
    Admin mengatakan…
    haloo..


    Mas min, mohon ijinnya untuk mengedit footer credit templtae-02 blognya yaa...|o|
    Maspri Aha mengatakan…
    Gan Sudah Saya ikutin syaratnya Mohon link download nya..terima kasih

    Mas Fredi Batauga mengatakan…
    Komentar ini telah dihapus oleh pengarang.
    Mas Afkar mengatakan…
    kok g bisa kirim permintaan template ya
    Hadi Bintoro mengatakan…
    Komentar ini telah dihapus oleh pengarang.
    Main Bersih Kuy mengatakan…
    mantap masta terimakasih
    Rony Setiawan mengatakan…
    gan mau nanya cara menghapus massager admin gimana ?
    Supriyadi mengatakan…
    Komentar ini telah dihapus oleh pengarang.
    Unknown mengatakan…
    gan, edit messenger adminnya gimana ya? btw, trims buat templatenya gan.
    Wirka mengatakan…
    templatenya mantap euy
    bikin ngiler aja cocok juga untuk blog tv online kan yes
    Irvan Maulana mengatakan…
    cara bikin tambahan menu gimana pak ? mohon jawab
    Admin Tukang Toko Online mengatakan…
    Sudah ada di panduan mengedit dropdown menu, coba cek dari artikel di atas.
    ansdede mengatakan…
    Download lagu mp3 Gampang Banget cuma di STAFABAND ID1

    DOWNLOAD MP3 GRATIS cuma di STAFABAND https://stafabandid1.info/

    Selalu yang terbaru, download mp3 gratisss

    GRATISSS

    FREE download movies now
    Watch Movies and TV Show and Free Download
    Togelmbah mengatakan…
    Izin download gan
    LowCool mengatakan…
    kak cara merubah nama produknya gimana ? masa pas awal cuma harganya aja namanya gmana ya ngasihnya?

    Popular

    2 Template Toko Online Blogspot Gratis Rasa Premium

    Untuk me-review Template Toko Online yang pernah didesain ulang Tukang Toko Online, posting kali ini sengaja untuk memberikan sedikit informasi untuk pengunjung setia Tukang Toko Online yang mungkin sempat ketinggalan info mengenai template toko online gratis namun dengan rasa premium.Nah berikut ini adalah 2 template toko online blogspot gratis yang juga memiliki pilihan premium jika anda berniat untuk mendapatkan fitur tambahan yang lebih lengkap. Itulah mengapa ke dua template tersebut be-rasa premium. Anda bisa mengunduhnya secara gratis dari link kedua artikel template tersebut. Jangan lupa meninggalkan komentar berupa saran saran atau apapun demi perbaikan layanan template dari Tukang Toko Online.Berikut ini adalah informasi mengenai ke dua Template Tersebut.


    tukutoko THEME
    Live DemoDownload Fitur  Super Responsive / mobile firendlyWhatssApp OrderSMS OrderCall OrderHelp Desk widgetHotline button to WhatsApp, SMS & Phone CallSlide MenuRelated Product Postetc.Baca juga :Ngeblog da…

    Toko Online Blogspot Super Responsive dengan tukutoko THEME

    Template blogspot toko online baru ini dirancang dengan tampilan yang sederhana dan terfokus pada produk yang dijual. Dan yang terpenting adalah sengaja dirancang untuk memfokuskan pada berbagai fitur di tampilan mobilenya. Hal ini untuk menjawab penetrasi akses internet melalui mobile device (smartphone) yang sudah mencapai 80% lebih di Indonesia.Ya, tujuannya adalah untuk menggaet pembeli yang mengakses internet via ponsel karena pasar yang besar tersebut. Otomatis beberapa fitur yang disematkan pada template ini sebisa mungkin fitur-fiturnya juga sudah harus mendukung untuk tujuan tersebut.Sebelum membahas lebih jauh tentang berbagai fitur yang tersemat pada tukutoko THEME ini, sebaiknya Anda memeriksa dulu live demo templatenya, karena difokuskan untuk tampilan yang mobile friendly, Anda bisa mengeceknya melalui ponsel favorit Anda.
    Baca juga : 
    Template Gratis Download untuk Bisnis Wisata dan Agen TravelNgeblog dan Jualan dengan satu Template Toko Online Gratis ini LIVE DEMODOWNLOAD
    © Tukang Toko Online