Membuat Toko Online Sendiri dengan Blogspot

Membuat Toko Online Sendiri dengan Blogspot

DEMO
toko online - (banditzkraksaan) kali ini setelah bertapa sekian( meninggalkan dunia blogger sejenak ) tahun mencari template toko online dengan menggunakan media blog di mbah google akhirnya bisa terwujud ketika banditz pertapa di puncak gunung ronggolawe

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



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


Ya, begitulah aranya membuat toko online dengan menggunakan Blogspot,

sumber :http://www.dankerizer.com/2010/04/membuat-toko-online-sendiri-dengan-blogspot.html







5 comments

avatar
×

aq juga punya tuh, cuma sedikit beda tampilannya

avatar
×

bagaimana cara membuat menu kategori untuk toko online ini,apakah toko online ini memang dibuat tidak ada menunya,kalau ada kategorinya kan lebih mudah mencari produk,jadi tidak harus membuka semuanya

http://dialerbisnis.blogspot,com

Terimakasih

avatar
×

agak bingung juga ini gan...mau setup toko online pake blogspot

http://allblackberryreview.blogspot.com/

avatar
×

heemmm ada lagi lagi template baruu gann tunggu tanggal mainnya