14 April 2010

Membuat Toko Online Sendiri dengan Blogspot

Beberapa hari ga posting dan berbagi dengan temen jadi kangen rasanya. Dikarenakan Laptop saya agak eror gara gara kena Hujan, jadi ribet kalo mau posting.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Bagi anda penikmat Blogspot saat ini sudah bisa memiliki toko online sendiri dengan menggunakan simplecartjs yang membantu anda membuat toko online dengan menggunakan Java Script dan langsung mengintregasikan dengan paypal. cara pembuatanya sangat mudah dan anda pasti bisa.
Pertanyaanya kenapa Harus Paypal?
Karena saat in alat pembayaran yang paling nyaman dan aman di internet adalah Paypal. Jika Anda Belum punya silahkan klik disini.
Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan.
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 Disini
Ato
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>

Ya, begitulah aranya membuat toko online dengan menggunakan Blogspot,






Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com



12 comments:

  1. wah...udah ada yang ngasitau cara buka toko online gratis,sekarang tinggal cari ide barang yang mau dijual..thx banget mas tutorialnya

    ReplyDelete
  2. mantap blogger ternyata bisa dipake juga ya buat toko online.. cuma masih serem sama suspend sepihak blogger nih

    ReplyDelete
  3. Bagi teman2 yang ingin punya web toko online, Saya sarankan untuk menggunakan Jagoan Store. Sebagai toko online instant, konfigurasinya sangat mudah dan sesuai dengan behavior orang indonesia. Jagoan Store ini bisa mencakup produk yang banyak dan beragam. Cobalah promo gratisnya!!
    Hubungi saya di YM : cs1.jagoanweb

    ReplyDelete
  4. kok file downloadnya gak bisa di download bos.....ada alternatif laen....thank's

    ReplyDelete
  5. Sudah saya tambahin mirornya bro..... Silahkan di download...

    ReplyDelete
  6. This file has been removed from the server, because the file has not been accessed in a long time.

    >>> Tolong di cek link nya gan

    ReplyDelete
  7. gak bisa ganti template dengan kode itu gan, itu bukan template blogger

    minta pencerahan gan

    ReplyDelete
  8. @ esagelo : udah ane ganti Link download nya
    @standby : ini template cms modifikasi blogspot bro..

    ReplyDelete
  9. Kalau yang make wordpress gimana mas, apa ada template yang bisa dipake untuk worpress?

    ReplyDelete
  10. kalau untuk penjualan locak indonesia gimana mas...maunya cuma informasi transfer bank aja...bukan lewat paypal...tolong dong....makasih banyak atas bantuannya

    ReplyDelete

Post your comments and give feed back about this article, You can use some HTML tags, such as Bold, Italic,
Thank's For Your Comment