Thursday, June 21, 2012

Download Template Toko Online Shopping Cart

Posted by dav On 12:41 AM
Download Template Online Shopping Cart - Template ini sudah lama di share oleh empunya sehingga saya hanya menulisnya ulang dengan bahasa saya. Dan silahkan Download dengan bebas karena memang template Toko Online ini tidak dijual alias GRATIS 100%.

Download Template Online Shopping Cart Template toko online yang simple tapi sangat mudah untuk para customer menggunakannya.

Download Template Online Shopping Cart

Bagi Anda yang ingin menggunakan Template ini silahkan Ikuti cara menggunakan template ini :

Blogging platform lainnya seperti Wordpress memiliki "Custom Fields" pilihan yang memungkinkan kita untuk menambahkan deskripsi tambahan seperti harga dan thumbnail tanpa harus menambahkan kode HTML di editor posting. Tapi, Blogger tidak memiliki fitur itu. Jadi, kita akan coba untuk membuat item posting semudah mungkin dengan menggunakan metode tabel. 












Berikut adalah bagaimana tabel terlihat di editor posting.

Download Template Online Shopping Cart


















Langkahnya adalah silahkan agan-agan menuju custome post Template yang ada di blog anda.
Kemudian paste script berikut ini :
<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/AVvXsEi8wshshaJz5BZFpwviR8zK57U33BNYCUMC4wbsj8BHMnnxr7uYN3O8tpnAclaWJH8BZJ4-xsc9_e9z52wVrCFGt8pXRNP2ij2Tu8aZIOkoh_7FvOlmn5D0lWZhRokWOFbRRW78Z_DhkHRp/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/AVvXsEi8wshshaJz5BZFpwviR8zK57U33BNYCUMC4wbsj8BHMnnxr7uYN3O8tpnAclaWJH8BZJ4-xsc9_e9z52wVrCFGt8pXRNP2ij2Tu8aZIOkoh_7FvOlmn5D0lWZhRokWOFbRRW78Z_DhkHRp/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">Tulis Nama Produk Disini</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">Deskripsi Produkmi Disini</td>
 </tr>
<tr>
  <th><b>Stock</b></th>
  <td>Jumlah Stock</td>
</tr>
<tr>
  <th><b>Misc</b></th>
  <td>Tambahkan extra gambar/image lainnya bisa disini</td>
</tr>
</tbody>
</table>

Untuk Setting Paypal
Langsung ke Desain> HTML. Carian simpleCart gunakan CTRL + F. Anda akan menemukan potongan kode ini.
<script type='text/javascript'>
simpleCart.email = &quot;bocahnoz@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];</script>
Ganti alamat email diatas.

Sekarang, pergi ke Desain> Edit HTML. Tambahkan kode di bawah ini tepat sebelum penutup </ head>.

<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>
Kemudian silahkan anda daftar di Contacr.com
jika sudah daftar kamu perlu mengganti salah satu kode di edit html, cari :- id=39662; kemudian replace dengan Codemu yang sudah kamu daftarkan tadi.


Cari Code :
input.item_add{
    bottom: 9px;
    font-size: 11px;
    position: absolute;
    right: 15px;
    width: 90px;
}
Replace dengan ini :
span.item_add{
    bottom: 9px;
    font-size: 11px;
    position: absolute;
    right: 15px;
    width: 90px;
}
Cari lagi kode berikut :
input.item_add {
    font-size: 17px;
    height: 40px;
    margin: 5px 0 0 140px;
    position: relative;
    width: 120px;
}
Replace dengan ini :
span.item_add {
    font-size: 17px;
    height: 40px;
    margin: 5px 0 0 140px;
    position: relative;
    width: 120px;
NB : Cari script berikut
<script src='http://introbloggerscripts.googlecode.com/files/cart.js' type='text/javascript'/>
Replace dengan ini :
<script src='http://shopppingcart.googlecode.com/files/simplecart.js' type='text/javascript'/>