Menambah Keranjang Belanja pada Blogspot

Menambah Keranjang Belanja pada Blogspot

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.

Cara 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/AVvXsEgGcJtszndP8JfSxkas3sxvkogNOcNKbtQjghoSVR1jrUG93Rv9lfJyljRWjevbV52jkJw1Nc_5msHWJv8Cnypp0GR9bDrJlYXMaVRKkrIn9TSF4fCkFzJDeGSQeBPhDYpnnrMaS2SfdDxL/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/AVvXsEgGcJtszndP8JfSxkas3sxvkogNOcNKbtQjghoSVR1jrUG93Rv9lfJyljRWjevbV52jkJw1Nc_5msHWJv8Cnypp0GR9bDrJlYXMaVRKkrIn9TSF4fCkFzJDeGSQeBPhDYpnnrMaS2SfdDxL/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/AVvXsEgGcJtszndP8JfSxkas3sxvkogNOcNKbtQjghoSVR1jrUG93Rv9lfJyljRWjevbV52jkJw1Nc_5msHWJv8Cnypp0GR9bDrJlYXMaVRKkrIn9TSF4fCkFzJDeGSQeBPhDYpnnrMaS2SfdDxL/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/AVvXsEgGcJtszndP8JfSxkas3sxvkogNOcNKbtQjghoSVR1jrUG93Rv9lfJyljRWjevbV52jkJw1Nc_5msHWJv8Cnypp0GR9bDrJlYXMaVRKkrIn9TSF4fCkFzJDeGSQeBPhDYpnnrMaS2SfdDxL/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...

Tweet