Template Toko Online Tanpa Shopping Cart 2018 - 2019

Selamat pagi sobat sudah pada ngopi belum..!! Nah sambil ngopi yuk kita lihat lihat Bagaimana Template Toko Online Tanpa Shopping Cart, yang akan saya share di pagi hari ini. Tampaknya cerah ni hari ini ya sob..??? Mau tahu siapa si pembuat template ini bukan..!! yang pasti bukan sayalah hehehehe... nah beliau adalah MASKOLIS si pembuat template ini. Oke sekarang kita lanjutkan share mengshare Cara Bagaimana Template Toko Online Tanpa Shopping Cart ini bentuknya dan lihat demonya, Nah lihat dibawah ini ya sob.

JOHNY GANTENG STORE:

DEMO DOWNLOAD

JOHNY JOSS MOBILE PHONE:

DEMO DOWNLOAD

Tidak ada fitur khusus pada kedua template ini, slider yang di pasang otomatis menampilkan postingan terbaru sobat. Untuk membuat sebuah postingan yang perlu sobat lakukan hanya menambahkan kode di bawah ini di awal setiap postingan pada posisi Edit HTML bukan compose. Jika sobat tidak ingin repot atau takut ribet mengingatnya, mungkin juga takut lupa. Nah sobat bisa membuat permanen dengan cara, masuk Setting >> Comment and Post >> lalu klik Template Entry, lalu masukan kode dibawah ini:

<span class="item_price">Rp 1.000.000,00</span>

Ganti harga warna merah diatas dengan harga sobat tentunya dan setelah kode diatas, silahkan sobat menulis artikel atau deskripsi barang maupun upload gambar seperti biasanya. Kedua template ini juga saya tambahkan fitur tooltip image otomatis pada setiap gambar di homepage (arahkan mouse sobat ke salah satu gambar). Dan untuk mengaktifkan fungsi reply pada kotak komentar cari ID blog masing-masing template ini dan ganti dengan ID blog sobat sendiri. Untuk Johny Ganteng Store ID blognya : 9133655087310583622 dan untuk Johny Joss Mobile Phone ID blognya : 6923142428765575685.
Jika Anda ingin mengupload gambar, disarankan untuk memilih gambar yang persegi panjang dengan ukuran pixel lebih besar lebih bagus, contoh seperti gambar dibawah ini :

Fitur shopping cart disini saya ganti dengan form order barang tombolnya sudah saya sediakan di bawah setiap post di homepage. Untuk membuat form order seperti pada demo kedua template ini, tentunya sobat harus membuatnya terlebih dahulu pada situs-situs layanan form online misalkan di EmailME. Disini saya memakai Google Docs, karena layanan form ini buatan Google mungkin tidak terlalu menghambat dalam proses loading blog. Setelah sobat membuat form order, langkah selanjutnya adalah membuat halaman statis (pages), buka New Pages kemudian copy paste kode dari Docs Google (mana ya yang bener, Google Docs apa Docs Google...???) ke dalam postingan terserah mau dikasih judul apa. Untuk contohnya bisa diklik tombol order yang ada di bawah gambar.

Setelah halaman order Anda sudah jadi, arahkan link dari halaman statis order anda ke dalam link order yang ada di Edit HTML, caranya seperti dibawah ini :

1. Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget 
    Templates :

<input class='order' onclick='window.location=&apos;http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html&apos;' type='button' value='Order'/>

 Ganti URL warna merah diatas dengan URL halaman order yang sudah sobat buat.

2 Untuk Johny Joss Mobile Phone, cari kode berikut di Edit HTML jangan lupa untuk centang Expand 
   Widget Templates :

<a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>

Ganti URL warna merah dengan URL  halaman order sobat.

Nah selesai sudah fitur fitur yang ada di Template Toko Online Tanpa Shopping Cart ini saya rasa sudah cukup jelas jika masih kurang jelas baca ulang lagi ya sob. Atau komentar di bawah ini, bisa juga langsung menuju sumbernya.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber article original : http://www.maskolis.com/2012/06/2-template-toko-online-semrawut-tanpa.html