Untuk mem buat toko online dengan blogspot ikuti langkah langkah berikut
ini:
perhatikan gambar ini,
Live DEMO
cara membuatnya cukup mudah let's Go:
Pertama
Sebelum memulainya saran saya anda menoba dengan blog yang baru anda
buat.
Login ke blogspot >> Layout>> edit HTML
Kedua
Download
File ini
alternatif:
Download
Disini
Ketiga
Ganti Template anda dengan kode tersebut (Keterangan Kedua)
Keempat
save dan Jadi Deh
Bagaimana Mengedit Data CSS Tersebut???
Cari kode berikut ini:
<script type='text/javascript'>Ganti teks yang berwarna merah dengan Email
simpleCart.email = "hadie87@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name",
"thumb_image" , "Quantity_input" ,
"increment", "decrement",
"Total" ];
</script>
anda. Email tersebut adalah alamat Paypal anda.
Untuk mengubah barang yang di jual,anda bisa menggantinya dengan
mengubah kode dibawah ini dengan produk anda sendiri:
<div class="simpleCart_shelfItem">Untuk membuat atau menambah produk sendiri
<!--Notice the class names of each tag begin with item_ -->
<img
src="http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png"
alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
To create a shelf item, you create a div with a class of
simpleCart_shelfItem
</p>
<span class="item_price">$14.99</span>
<a id="s1" href="javascript:;" class="item_add">Add to
Cart</a>
<span
class="item_thumb">http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png</span>
</div>
anda bisa menggunakan kode seperti ini:
<div class="simpleCart_shelfItem">
.....................
</div>
Dengan struktur sebagai berikut :
Gabar:
<img src="URL_Gambar_anda"ganti
alt="Alternatif Gambar" title="Nama Produk" class="item_image"/>
teks berwarna merah
Nama Produk
<h5 class="item_name">your_item_name</h5>
Deskripsi Produk
<p class="item_Description">
your description
</p>
Harga
<span class="item_price">$00.00</span>
Menambah "add to cart"
<a href="javascript:;" class="item_add">Add tosumber
Cart</a>