membuat toko online dengan blogspot

Bookmark and Share
Langsung saja

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'>

        simpleCart.email = &quot;hadie87@gmail.com&quot;;

        simpleCart.checkoutTo = PayPal;

        simpleCart.cartHeaders = [ &quot;name&quot;,
&quot;thumb_image&quot; , &quot;Quantity_input&quot; , 
&quot;increment&quot;,  &quot;decrement&quot;,
&quot;Total&quot; ];

</script>
Ganti teks yang berwarna merah dengan Email
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">

<!--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>
Untuk membuat atau menambah produk sendiri
anda bisa menggunakan kode seperti ini:

<div class="simpleCart_shelfItem">

.....................

</div>


Dengan struktur sebagai berikut :

Gabar:

<img src="URL_Gambar_anda"
alt="Alternatif Gambar" title="Nama Produk" class="item_image"/>
ganti
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 to
Cart</a>

sumber