Membuat Toko Online Via Blog

 Membuat Toko Online Via Blog

 Toko online - (Indonesian Blogger Team) kali ini setelah bertapa sekian( meninggalkan dunia blogger sejenak ) tahun mencari template toko online dengan menggunakan media blog di mbah google akhirnya bisa terwujud.

Langsung saja
Untuk mem buat toko online dengan blogspot ikuti langkah langkah berikut ini:

cara membuatnya cukup mudah let’s Go:

Pertama

Sebelum memulainya saran saya anda mencoba dengan blog yang baru anda buat.
Login ke blogspot >> Layout>> edit HTML

Kedua
download template sekarang


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;toko.online@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>


Ya, begitulah aranya membuat toko online dengan menggunakan Blogspot. Selamat mencoga buat Agan2 yang berminat....