Cara Membuat Website Toko Online Gratis

Loading...

Halo sob kali ini saya akan memberikan tutorial cara membuat Website Toko Online Gratis.
Jadi jika sob mau buat Website Toko Online pastikan anda punya hosting terlebih dahulu, jika teman teman mau hosting gratis anda bisa menggunakan Blogger sebagai media hotingnya.
Jadi silahkan buat Blog Hosting menggunakan Blogger.com teman teman juga bisa baca cara membuatnya di Artikel saya sebelumnya yang berjudul Cara Membuat Blog

Setelah anda membuat blog silahkan anda memasang template Toko Online yang telah saya sediakan di artikel ini. Download Template Toko Online

Petunjuk Penggunaan Template

Menggunakan fitur "Post Template" Blogger, kami dapat melakukan pra-format editor posting dengan teks atau kode yang akan muncul setiap kali kami membuat posting baru. Jadi, kami akan menggunakan fitur itu dalam templat ini. Pertama, unduh template Keranjang Belanja Blogger dan unggah ke blog Anda. Sekarang, buka Pengaturan> Pemformatan. Atur jumlah posting yang diinginkan untuk ditampilkan di blog.

Kemudian, gulir ke bawah halaman sampai Anda melihat opsi "Post Template". Rekatkan kode berikut ke dalam area teks. Dan klik "Simpan".

<table border="1" style="width: 660px;">
<tbody>
<tr>
  <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-dmO0hpCleF0RGlc0-UMlCms-9K6MyGO7PJYsTUpPPPMMqftJ-GKN8bRiHXUK8khZskPz9pBNhu0UwFCprUGjMty3ol6FVu_0d94bR67zGzrLOF9qeWLzBmCFEhw30bAKHpvs8NOLRg4/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-dmO0hpCleF0RGlc0-UMlCms-9K6MyGO7PJYsTUpPPPMMqftJ-GKN8bRiHXUK8khZskPz9pBNhu0UwFCprUGjMty3ol6FVu_0d94bR67zGzrLOF9qeWLzBmCFEhw30bAKHpvs8NOLRg4/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
  <td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
  <th><b>Item Name</b></th>
  <td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
  <th><b>Price</b></th>
  <td class="item_price">$99.99</td>
 </tr>
<tr>
  <th><b>Description</b></th>
  <td class="item_Description">Your product description here!</td>
 </tr>
<tr>
  <th><b>Available Stock</b></th>
  <td>Stock count here!</td>
</tr>
<tr>
  <th><b>Misc</b></th>
  <td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

Ini adalah screenshot templat pos yang telah ditambahkan dengan kode.

Sekarang buka Posting | Pos Baru dan Anda akan melihat tabel di sana di editor pos Anda. Anda dapat menghapus gambar default yang telah kami tambahkan dalam kode dengan mengkliknya dan memilih "Hapus". Lalu, unggah gambar item Anda di dalam sel tabel itu. Kami menyarankan Anda untuk menggunakan gambar berukuran sedang.

Isi opsi lain seperti Nama Item, Harga dan Deskripsi dengan mengganti teks standar. Nilai tersebut akan digunakan sebagai nilai oleh skrip SimpleCart selama Checkout PayPal. Dan harap diingat bahwa Nama Item Anda harus unik. Sekarang, klik Mode HTML di editor pos dan hapus <div> .... </div> yang tidak perlu dalam kode untuk gambar item. Kami hanya membutuhkan <img ... /> yang telah disorot pada gambar di bawah ini.

Jadi, beginilah tampilannya setelah kita menghapus kode <div> .... dan <a href .... yang membungkus <img ....

Anda dapat mengubahnya kembali ke mode "Tulis", tambahkan / edit informasi apa pun tentang produk dan tekan tombol "Terbitkan". Itu saja.

Oke sekarang anda sudah bisa mempubliskan produk anda di Website Toko Online Anda sendiri, oh iya agar toko online anda lebih dipercaya pastikan anda menggunakan domain Premium/TLD anda bisa mempelajari cara mendapatkan domain TLD Gratis di Artikel saya berikutnya.

Oh iya anda juga bisa menggunakan Android untuk membuat blog atau kebutuhan lain, caranya sangat gampang, cukup ubah tampilan Browsure anda Menjadi Veris Komputer, anda Juga bisa baca artikelnya di Cara Membuat Tampilan Browser Android Menjadi Seperti Komputer

Jika ada pertanyaan atau anda butuh bantuan silahkan hubungi saya melalui kontak yang tersedia di menu kontak pada website ini. semoga bermanfaat.


.
.

Loading...