Gratis Download Template Toko Online Blogspot Responsif Baru dan Keren

8/11/2017 0
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.

Cara Download Template

Template ini memang Saya bagikan secara GRATIS, meskipun demikian, untuk membuktikan bahwa Anda memang benar-benar serius ingin memanfaatkan template ini untuk memulai toko online dan bukan sekedar iseng, maka ada beberapa hal yang harus Anda penuhi dulu. Syaratnya tentu sangat mudah, tinggal klik mouse saja.

  1. Bagikan posting artikel ini ke Facebook atau Google+ atau Twitter. Silakan pilih salah satu mana yang menurut Anda lebih mudah.
  2. Pastikan Anda sudah me-Like Page Facebook Tukang Toko Online yang alamatnya bisa anda cek di popup chat messenger di blog ini.
  3. Kirimkan permintaan Template DISINI, dengan subyek Nama Templatenya dan isi pesan berupa bukti ID sosmed anda yang sudah me-Like Page Tukang Toko Online
  4. Pastikan email yang Anda masukkan benar-benar valid, jangan sampai mencantumkan email yang salah.
  5. Permintaan Template melalui kolom komentar tidak akan dilayani.

Memulai Toko Blogspot dengan Template Toko-01

8/10/2017 0
Template toko blogspot yang diluncurkan kali ini lebih memilih memakai warna yang netral. Sedikit perpaduan warna hitam, merah dan warna putih yang lebih dominan. Beberapa fitur di template toko online ini mengacu pada kebutuhan utama dari sebuah toko online, contohnya seperti adanya pilihan cara order (shopping cart atau via sms), info bank pembayaran, info contact customer service dll.

Untuk tampilan di versi mobile lebih disederhanakan sehingga beban loadingnya diharapkan tidak menjadi masalah, meski dibuka dengan akses internet di sinyal yang terbatas.

Fitur selengkapnya bisa Anda periksa langsung melalui link Live Demo template di bawah ini.

Cek Template dengan fitur yang lainnya :



Template Toko-01

Toko Blogspot Template Toko-01

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
Support
Template PriceRp 95.000
Template + SettingRp 110.000

Landing Page Portfolio dan Toko Online

5/19/2017 0
Sampai saat ini, khusus untuk pengunjung situs toko online, ada 3 hal yang cukup berpengaruh terhadap preferensi order pengunjung.

Kesemuanya tetap berhubungan erat dengan reputasi sebuah toko tersebut. Reputasi identik dengan kepercayaan yang diberikan oleh customer terhadap sebuah situs toko online. Meskipun tidak mudah dan harus dibangun dengan kerja keras, namun dengan tampilan situs yang tepat sebuah situs toko online bisa saja mendapatkan kepercayaan dari pengunjung dan berujung kepada order.

Berikut adalah 3 hal tersebut :
1. Informasi yang jelas mengenai keberadaan situs toko online tersebut.
2. Track record toko online, ini bisa dilihat dari testimoni yang jujur dan bukan bikinan sendiri.
3. Layanan yang memuaskan serta bertanggung jawab.

Bahkan ketiga hal tersebut sebenarnya juga bisa terwujudkan ke dalam sebuah desain template yang bisa mewakilinya.
Nah template berikut ini sangat cocok dengan ketiga kriteria tersebut karena dilengkapi dengan berbagai fitur yang mendukungnya.

Dilengkapi dengan fitur Testimoni, info usaha yang sangat jelas dan transparan, serta fitur info contact service yang sangat mudah dilihat oleh pengunjung website Anda.

Semua fitur yang mendukung sebuah situs toko online juga sudah tersedia di Template ini.

Untuk melihat lebih jelas berbagai fitur yang ada di Template terbaru Tukang Toko Online tersebut, Anda bisa langsung menelusuri dan menjelajahinya melalui link Live Demo nya di bawah ini.

Template Landing Portfolio


Tampilan Responsive Homepage Template Landing Portfolio



MAIN FEATURESCheck List 
Full Responsive Design
Grid View Homepage
Banner ads
Slide Show
Testimoni Widget
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
Footer WIdget
Messenger Chat Box
Drop Down Menu
Manual Instalation
Support
Template PriceRp 95.000
Template + SettingRp 110.000

Template Landing Page sekaligus Toko Online

1/15/2017 0
Template toko online yang banyak saya publish sebelumnya lebih banyak mengakomodasi keinginan para penjual langsung. Bukan untuk para produsen atau yang menghasilkan produknya sendiri.

Kebanyakan pelaku toko online memang adalah para pedagang dan memang template yang Saya bagikan sebelumnya, baik secara gratis maupun berbayar lebih mengakomodasi kebutuhan mereka.

Bagaimana dengan para produsen dan yang sekaligus ingin menjual langsung barang-barang yang mereka hasilkan / produksi sendiri?

Jika memakai template toko online yang konvensional (yang banyak beredar) sedikit tidak sesuai, karena template tersebut didesain dan dibuat memang untuk memenuhi kebutuhan menjual produk dengan jumlah dan jenis yang banyak.

Sedangkan misalnya seperti para produsen barang-barang kerajinan tradional, tentu memiliki jenis / variasi barang yang terbatas. Tentu saja template sebelumnya tidak cukup sesuai dengan model bisnis / usaha seperti ini.

Nah, Template Landing Page Store ini dengan sengaja saya bikin sebagai jawaban dari pemikiran seperti itu.

Template ini bisa memiliki multi fungsi, bisa sebagai landing page, company profile, dan juga sekaligus sebagai toko online, untuk langsung menjual produk yang sudah dihasilkan. Karena semua fitur yang ada disini sudah sangat mendukungnya.

Berbagai fitur yang Saya sampaikan di atas, bisa anda cek langsung melalui link live demo di bawah ini.

Template Landing Page Store

Landing Page Store Template



MAIN FEATURESCheck List 
Full Responsive Design
Grid View Homepage
Banner ads
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
Support
Template PriceRp 95.000
Template + SettingRp 110.000

Toko Online Serba Hijau dengan Green Green Template

11/30/2016 1
Template ini Saya buat untuk menjawab beberapa permintaan beberapa orang yang ingin menggunakan Template Zen Pink untuk tokonya, namun menginginkan basis warna toko yang serba hijau dengan berbagai macam alasan.

Alhasil, jadilah template Green Green ini. Semua fitur nyaris sama dengan template Zen Pink sebelumnya, meski ada sedikit penyesuaian kecil di sana sini untuk lebih menyempurnakan template tersebut. Namun secara keseluruhan tidak ada yang berbeda.

Untuk lebih jelasnya, Anda bisa langsung cek tampilan dan desain template tersebut dari live demo templatenya langsung. Ringkasan berbagai fitur yang diusung template ini bisa Anda simak selengkapnya dari daftar fitur di dalam tabel di bawah ini.

Template Green Green




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
Support
Template PriceRp 95.000
Template + SettingRp 110.000

Toko Fashion Blogspot dengan Zen Pink Template

10/10/2016 0
Zen Pink Template dirancang khusus untuk toko online yang basicnya tentang fashion. Karenanya komposisi warnanya juga disesuaikan dengan kecenderungan warna merah muda atau pink yang cukup banyak disukai dari beberapa hasil riset.

Beberapa fitur pendukungnya sudah diatur cukup lengkap untuk ukuran template toko online berplatform blogspot ini. Fitur-fitur utama seperti SEO meta tag, widget customer service, shopping cart, dan order via email sudah disertakan pada template ini.

Fitur chat online melalui facebook messenger juga disertakan di template ini, harapannya adalah agar fanpage facebook Anda selalu terhubung melalui messenger di template ini. Serta ada peluang untuk menambah like di fanpage yang Anda miliki dan tentu saja bertambahnya jumlah like akan sangat bermanfaat untuk sarana pengembangan toko online Anda melalui facebook.



Beberapa fitur utama dan pendukung lainnya bisa anda cek langsung melalui link Live Demo atau uraian di bawah ini.

Template Zen Pink


Template Zen Pink untuk Toko Fashion Blogspot

Fitur Utama


1# Form SMS Order di smartphone. Fitur ini otomatis hanya akan muncul jika website diakses melalui smartphone, dan order via SMS bisa dilakukan secara otomatis tanpa harus mengetik ulang order di kolom aplikasi SMS. Cukup mengisi form SMS dan otomotis ketika tombol SMS di klik akan mengarah ke aplikasi SMS di smartphone Anda.

form order sms zen pink template

2# Email Checkout dengan Shopping cart. Dengan fitur ini order otomatis akan membuat sebuah email Purchase Order ke email admin dan konfirmasi email invoice ke email pembeli.
checkout page zen pink template

3# Widget Slide Carousel Favorite items. Anda bisa menempatkan produk/item favorit yang diandalkan toko Anda pada widget ini. Cukup dengan menempatkan nama label pada HTML template. Dan semua sudah ada pada panduan template yang disertakan dengan file template.
widget favorite items zen pink template
Fitur selengkapnya bisa Anda cek dari tabel list  di bawah ini. Atau anda bsia memeriksanya langsung dari link Live Demo template ini.

MAIN FEATURESCheck List 
Full Responsive DesignCheck Here
Grid View Homepage
Header Contact Customer Service icon
Responsive menu
Widget Blog Artikel / Blog Posting based label
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
Product Zoom Image in Homepage
Manual Instalation
Support
Template PriceRp 95.000
Template + SETTINGRp 110.000,-