Sudah Banyak yang sukses berkat Jejualan

Posted by : CABACA Kamis, 12 September 2013

Ini dia kode menambah keranjang belanja pada blogspot yang sangat berguna bagi kamu yang sedang membuat toko online di blogspot. Berikut tutorial yang diberikan oleh http://www.bloggerprooindonesia.com. Selamat mencoba...

Blogger Proo - Kali ini kita akan belajar sesuatu yang lagi tren saat ini, apa itu? Yup, toko online. Ada beberapa cara untuk membangun sebuah toko online, cara pertama adalah dengan meng instal theme pada blogger. Cara ini sangat lah mudah, dalam sekejab kamu akan mempunya blog toko online yang canggih dengan widget-widget yang mendukung kebutuhab toko online kamu. Kelemahannya, bagi kamu yang belum menguasai kode-kede HTML, sepeti saya misalnya, pasti akan menemukan banyak kesulitan dalam meng EDIT widget-widget yang tersedia.
http://jejualan.com/aff/331.htmlCara kedua adalah dengan membangun blog toko online dengan manual. Yup, cara ini lebih mudah karena kamu sendiri yang mengetahui alur pembuatannya yang kamu butuhkan hanya sedikit memahami kode tabel. Tapi jangan salah, ternyata membuat toko online dengan manual lebih banyak di minati oleh calon pembeli karena lebih mudah. Gak perlu pencet sana sini, tinggal mentransefer sejumlah uang sesuai harga dengan mencantumkan kode barang.

Untuk menerapkannya di blogger kamu, ikuti langkah berikut. Oya saya menggunakan tampilan blogger yang terbaru, bagi teman-teman yang masih memakai tampilan lama kurang lebih caranya sama, cuma tempatnya saja yang sedikit berbeda.

01. Masuk lah terlebih dahulu ke Account Blogger.

02. Pilih menu Settings pada bagian kiri.

03. Kemudian pilih menu Post Template, klik Add.



04. Copas kode berikut. Kode ini disebut Shopping Cart, fungsinya untuk memajang barang dagangan kamu berserta informasi yang ada.

<center><table border="0" style="width: 500px;"><tbody>
<tr> <td align="center"><table border="0" style="width: 250px;"><tbody>
<tr> <td align="center"><a href="http://alamat%20website%201%20yang%20dituju/" target="_blank" title="NAMA WIDGET 1"><img height="200" src="http://blog.gadgethelpline.com/wp-content/uploads/2011/01/Apple-iPad.jpg" width="178" /></a>

</td> </tr>
</tbody></table>
<table border="0" style="width: 250px;"><tbody>
<tr>   <th style="background-color: orange; text-align: left;"><b>Nama Product</b></th>   <td class="item_name" style="background-color: #c27ba0;">Product Name Goes here!</td> </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Harga</b></th>   <td class="item_price" style="background-color: #c27ba0;"><b>Rp 75.000</b></td>  </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Description</b></th>   <td class="item_Description" style="background-color: #c27ba0;">Your product description here!</td>  </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Available Stock</b></th>   <td style="background-color: #c27ba0;">Stock count here!</td> </tr>
</tbody></table>
<table border="0" style="width: 250px;"><tbody>
<tr> <td align="center"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0eo980QIXAUIuNGbzYB6wC-OUZTSX3xUMq4vLJXWfNQofeOD4MntoQOWoHtA_POTitOpSFgpZG7ANZnGF5Q5fXctUdDHOdTuyf6o7vIBwKXaIzf0cFkhE2oDrBdxiNIC3iqqQQ2gCQST/s1600/tombolz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0eo980QIXAUIuNGbzYB6wC-OUZTSX3xUMq4vLJXWfNQofeOD4MntoQOWoHtA_POTitOpSFgpZG7ANZnGF5Q5fXctUdDHOdTuyf6o7vIBwKXaIzf0cFkhE2oDrBdxiNIC3iqqQQ2gCQST/s200/tombolz.jpg" width="200" /></a></div>
</td> </tr>
</tbody></table>
</td> <td align="center"><table border="0" style="width: 250px;"><tbody>
<tr> <td align="center"><a href="http://alamat%20website%201%20yang%20dituju/" target="_blank" title="NAMA WIDGET 1"><img height="200" src="http://tokoeasy.blogdetik.com/files/2009/02/fbk371.jpg" width="178" /></a>

</td> </tr>
</tbody></table>
<table border="0" style="width: 250px;"><tbody>
<tr>   <th style="background-color: orange; text-align: left;"><b>Nama Product</b></th>   <td class="item_name" style="background-color: #c27ba0;">Product Name Goes here!</td> </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Harga</b></th>   <td class="item_price" style="background-color: #c27ba0;"><b>Rp 75.000</b></td>  </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Description</b></th>   <td class="item_Description" style="background-color: #c27ba0;">Your product description here!</td>  </tr>
<tr>   <th style="background-color: orange; text-align: left;"><b>Available Stock</b></th>   <td style="background-color: #c27ba0;">Stock count here!</td> </tr>
</tbody></table>
<table border="0" style="width: 250px;"><tbody>
<tr> <td align="center"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0eo980QIXAUIuNGbzYB6wC-OUZTSX3xUMq4vLJXWfNQofeOD4MntoQOWoHtA_POTitOpSFgpZG7ANZnGF5Q5fXctUdDHOdTuyf6o7vIBwKXaIzf0cFkhE2oDrBdxiNIC3iqqQQ2gCQST/s1600/tombolz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0eo980QIXAUIuNGbzYB6wC-OUZTSX3xUMq4vLJXWfNQofeOD4MntoQOWoHtA_POTitOpSFgpZG7ANZnGF5Q5fXctUdDHOdTuyf6o7vIBwKXaIzf0cFkhE2oDrBdxiNIC3iqqQQ2gCQST/s200/tombolz.jpg" width="200" /></a></div>
</td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</center>

05. Kemudian Save Setting.

Samapai dengan langkah ini, kamu sudah mempunyai blog toko online secara manual. Langkah berikutnya akan saya tunjukkan bagaimana cara meng Edit posting Shopping Cart.

06. Lanjut, berikutnya kita akan membuat posting prodak kita. Silahkan klik New Post, secara otomatis akan muncul Shopping Cartnya (pastikan kamu dalam menu Compose).


07. Klik gambar prodak contoh, remove dan upload gambar prodak kamu.

08. Edit keterangan prodaknya.

09. Masukkan link halaman yang di tuju, halaman yang di maksut adalah halaman yang berisi informasi rekeneng, syarat dan ketentuan order barang dan sebagainnya.


10. Publish post dan lihat hasilnya di blog kamu.

Selesai dan kamu sudah membikin toko online secara manual. Agar lebih menarik silahkan tambahkan widget pendukung lainnya, gunakan kreatifitas mu hehehe.

Semoga bermanfaat...


{ 25 komentar... read them below or Comment }

  1. gan itu di tambahin dengan gambar detail ma order now

    BalasHapus
  2. ko ada error : "
    HTML Anda tidak bisa diterima: Tag tidak dibolehkan: CENTER " itu kenapa ya gan?

    BalasHapus
  3. Hehe... aq malah gak begitu paham... salam kenal gan... pemula nie..

    BalasHapus
  4. udah pake kemarin tapi gak cocok.masih kurang puas,,minta yang detail otomati ada gak gak..misal pembeli klik klik..hehehe

    BalasHapus
    Balasan
    1. mendingan beralih yang lebih professional mbak http://jejualan.com/aff/331.html

      Hapus
  5. lumayan bagus juga tapi kayanya terlalu rumit bagi pemula seperti saya :D
    klo bisa yang komplit gan sekalian pengirman juga
    :D

    hatur muhun

    BalasHapus
    Balasan
    1. Memang blogger terbatas, jadi bagi Anda yang hendak serius bisnis online kita saranin membuat toko online http://jejualan.com/aff/331.html

      Hapus
  6. gambar hasil akhir jadi nya setelah finish mana gan ? dari cara menambah keranjang belanja .. kok gak di tampilkan .... biar kelihatan hasil akhirnya .... trim

    BalasHapus
  7. infonya bagus,,
    dan sangat menarik.

    BalasHapus
  8. thanks infonya sangat bermanfaat sekali

    BalasHapus
  9. halo mas, sekarang lagi coba buat keranjang belanjanya di blog saya. ok sih berhasil hanya saja di kolom "beli sekarang" itu linknya yang mana, apa tidak bisa ya seperti di toko online pada umumnya sekali klik "beli" langsung tercatat catatan pembeliannya yang kadang bisa ditambah atau di cancel. Tolong dong bantu saya

    BalasHapus
  10. kerren tutorialnya, thank you for sharing

    BalasHapus

- Copyright © TRIK TOKO ONLINE -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -