Make The Simplecart On Static Page Blogger

Blogger mau diapain saja bisa, asal ada kemauan dan kreatifitas. Tidak kalah penting ilmu yang mumpuni ;)) Melihat platform Template Shopping Cart for Blogspot sudah barang tentu untuk berdagang. Konten blog yg terisi pasti barang dagangan semuanya :d
Sekarang bagaimana ceritanya jika blog seperti kita² yg notabene bukan blog berjualan, namun memiliki sedikit barang dagangan yang mau ditawarkan pada khalayak! Cara tercepat dan tersimpel dengan membuat satu postingan khusus mengenai barang tersebut :p Kurang full-stylish menurut Koben :-s Mari sekarang kita manfaatkan satu fitur blogger yakni static page untuk membuat sebuah simplecart on static page blogger.
Langkah awal sobat buat satu halaman postingan pada submenu Edit Pages. Klik New Page. Selanjutnya tentukan bagian² pada template yg akan dihilangkan (display: none)

Ide berawal datang dari web simpleCart(js) The Wojo Group selaku owner, telah membuat satu sistem jual-beli dengan memakai JavaScript sederhana. Mudah dalam pemakaian dan langkah-langkah penggunaan (kalo ngerti) :p
View Demo in New Window.
Gimana keren kan tuh. Apalagi dipasang ke blog tersayang :"> Oke, langkah komplit seperti berikut:

1. New Post ► Edit Pages ► New Page
2. Download file http://dinhquanghuy.110mb.com/cart.txt
3. Masukan bumbu download, bersama dengan kode² CSS template yg akan dihilangkan.

Lihat demo Koben yg sudah jadi, bandingkan tampilan blog pada home page. My Demo. Ketara apa saja disana yg hilang?

Customize Code

Lihat pada script berikut.<script type="text/javascript">
simpleCart.email = "YOUR.EMAIL@WTF.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>simpleCart.email = "YOUR.EMAIL@WTF.com"; = Email Paypal untuk melakukan pembayaran. Ganti dengan email aku :D
simpleCart.checkoutTo = PayPal; = Metode pembayaran dalam bentuk PayPal.

Struktur HTML

Format HTML harus berada di dalam tagging
<div id="demoContainer">
. . .
. . .
</div>
Format HTML<div class="simpleCart_shelfItem">
<img src="attack-release.png" alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
Blah-bleh-bloh...Blah-bleh-bloh...Blah-bleh-bloh...Blah-bleh-bloh...
</p>
<span class="item_price">$00.00</span>
<a id="s1" href="javascript:;" class="item_add">Add to Cart</a>
<span class="item_thumb">attack-release.png</span>
</div>Resource by: http://vivavivugeek.blogspot.com/2012/01/simple-shop-with-blogger.html
This is file via ziddu, all default coded and example Download simpleCart.zip in Ziddu. Dokumentasi komplit ada di web simplecartjs ;)
Happy cart \m/