SafelinkU | Shorten your link and earn money

Tutorial Lengkap Membuat Situs Toko Online Sendiri, Dengan Biaya Sangat Kecil



Cara Mudah Membuat Toko Online, Gratis !! Tanpa Harus Membayar Biaya Hosting

Membuat toko online tanpa mengeluarkan banyak biaya - Bagi kamu yang sedang berbisnis online tak ada salahnya untuk mencoba membuat toko online sendiri, iya memang berbisnis online sekarang lebih mudah menggunakan Sosial Media seperti Facebook, Instagram, Twitter dan lainnya.


Tapi jika kamu mempunyai toko online sendiri akan terlihat profesional bukan? dan lebih mudah untuk mempromosikan produk-produk terbarumu tanpa harus ribet promosi sana sini di sosial media.


Dengan memiliki toko online sendiri kamu bisa mempromosikan lebih banyak produk-produk unggulanmu, jika kamu berminat membuat toko online sendiri silahkan simak langkah-langkah berikut ini.


Cara Membuat Toko Online Gratis Menggunakan Platform Blogger

1. Pertama yang harus kamu lakukan ialah mendaftar Blogger.com

Cara Mudah Membuat Toko Online, Gratis !! Tanpa Harus Membayar Biaya Hosting

2. Kemudian klik Blog baru, untuk membuat toko online sendiri


3. Disini silahkan ganti bahasa yang menurutmu gampang


4. Pada halaman ini silahkan isi nama dan URL/LINK toko online yang akan kamu buat, pastikan URL Tersedia lalu klik Buat blog.


Sampai sini sebenarnya toko online kamu sudah jadi, tapi tampilan masih biasa saja. oke lanjut ke langkah mengganti tampilan toko online.


5. Untuk mengganti tampilan silahkan Klik Template >> Backup/Pulihkan



6. Kemudian upload Template toko online kamu, Untuk templatenya bisa kamu download Disini

Langkah selanjutnya, Setting Template

1. Setting Meta Tag Template.
Cari masing-masing script berikut di HTML Template, kemudian edit text warna merah ( xxxxx ) dengan data blog Kamu
<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'/>
2. Mengedit Drop Down Menu
Masih di HTML Template, cari script berikut (atau yang mirip), kemudian ganti # dengan data blog kamu.
<ul class="shnav shareink-mainmenu">
<li><a class="active" href="https://www.blogger.com/"><span itemprop="name"><i class="fa fa-home"> Home</i></span></a></li>
<li><a href="#" itemprop="url"><span itemprop="name"><i class="fa fa-cog"> Service</i></span></a>
<ul>
<li><a href="https://www.blogger.com/p/about-us.html" itemprop="url"><span itemprop="name">About Us</span></a></li>
<li><a href="https://www.blogger.com/p/contact-us.html" itemprop="url"><span itemprop="name">Contact Us</span></a></li>
<li><a href="https://www.blogger.com/p/cara-order.html" itemprop="url"><span itemprop="name">How to Buy</span></a></li>
</ul>
</li>
</ul>
 <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>
 3. Edit Pop Up Order via SMS
Masih pada menu Edit HTML, Cari Kode seperti dibawah ini lalu edit sesuai data kamu
<!-- 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-->


4. Edit Link,  Temukan Toko Kami
Edit # sesuai data toko online yang akan kamu buat
<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> 
5. Edit Nomer HP untuk Menerima Order SMS
Masih di HTML Template, cari script berikut, dan ganti dengan nomer HP kamu untuk menerima order melalui SMS (ada 2 nomor HP yang harus Anda ganti):
var sms='sms:0888888868?&body='+semua;
6.  Edit Text Help Desk Customer Service
Ganti # dengan link kontak
<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> 
7.  Edit Info Contact
Sesuaikan dengan toko online kamu
<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>
Kemudian Simpan Template 


Mengedit Tata Letak

1. Mengedit Widget Contact
Masuk ke tab Tata Letak >> Masukan script berikut ke widget Contact,
<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> GANTENG</div></div>
<div class="kontak"><div class="iconct mail"></div>
<div class="cnt"><p>Email:</p> kontak@email.com</div></div>
</div>
 2. Edit Widget Payment
Masuk ketab tata Letak >> Masukkan script berikut ke widget Payment
<div class="smart_box">
<div class="smart_bank">
<div class="bank bca"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
Gw gtg tq</div>
</div>
<div class="smart_bank">
<div class="bank mandiri"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
Gw gtg tq</div>
</div>
<div class="smart_bank">
<div class="bank bni"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
Gw gtg tq</div>
</div>
<div class="smart_bank">
<div class="bank bri"></div>
<div class="bank_detail">
Rek : 123-456-789<br>
Gw gtg tq</div>
</div>
</div>
3. Memasang Widget Hubungi Kami
Masukin script berikut ke dalam widget hubungi Kami,
<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 : KEPOAJG <br>
</div>

Selanjutnya Pasang Post Template Dan Cara Posting Produk di Toko Online Sendiri 



1. Pasang Post Template
Masuk Ke Setelan >> Post, Komentar dan berbagi >> Template Entri ,Tambahkan script berikut ini .
<span class="item_price item-snippet">Rp 00,000</span><br />
<!--more--><br />
Tulis review produk dan Upload gambar produk utama disini
2. Cara Posting Produk 
Masuk ke Tap Postingan >> Entri Baru



Selesai

Agar terlihat lebih profesional lagi, kamu bisa melakukan custom domain misal gini: Tokoonlinemasakini.com , kenapa saya kasih judul "dengan biaya sangat kecil" ya karena ini hanya membutuhkan kuota internet saja :v.


Cara membuat toko online sendiri cukup mudah dan SIMPEL SEKALI BUKAN ?!!, kalo kalian mengikuti tutorialnya dengan teliti pasti berhasil kok, semoga jualan kalian laris ya .. yaudah si itu aja.


Berlangganan update artikel terbaru via email:

0 Response to "Tutorial Lengkap Membuat Situs Toko Online Sendiri, Dengan Biaya Sangat Kecil"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel