Selasa, 02 Februari 2010

BUILD YOUR OWN ONLINE STORE IN BLOGGER

As everyone knows that the Blogger is an online service provided by Google to publish the web-pages free of any cost. Blogger blogs are used to provide online journals, Web Portals, Web Gallery and online magazine.etc. These blogs are not only used for these tasks but also to make money online using different programs like

  • Google Adsense
  • Chitika
  • Kontera
  • Commission Junction
  • Click Bank
  • Affiliates Program
  • Private Ads

So making money online had a wide space in the blogosphere nowadays. So apart from these task another best feature which the blogs has are the ability to sell your own goods online using some javascripts and paypal intergrated in your blog. Till last week there was a tought time to sell the online goods at blogger.com because the lack of proper shopping cart etc.. But today we had come up with an solution for selling your own goods online using blogger blogs.

I believe Blogspot is a easy and powerful platform . It can do whatever other platform can do . In Wordpress ,with plugins ,you can make a shop online . And now ,in Blogspot ,you can do the same . You can make a small online shop for selling good . It’s not a perfect solution ,in fact, it’s not good at processing and security .But anyway ,it’s still the solution you should consider if you want to stick with Blogspot .

Build Your Own Online Store In Blogger Blogs

Live Demo

Yesterday ,I found the script called SimpleCart . This script is based on Ajax for making a complete shopping cart ,using two payment method Google checkout and Paypal for check out .
You can find out more information on SimpleCart at This page

To make a shop like this ,you can follow some step bellow :
1, Login to your blogger account ,go to Layout tab ,continue to Page elements . Create a HTML/Javascript widget .
2,Download this file and paste it content to HTML/Javascript widget content .
Download file here
3,Save template . And see the widget in action .

How to customize this code

1,Take a look on this code :

simpleCart.checkoutTo = PayPal; mean the payment method is paypal
simpleCart.email = “brett@wojodesign.com”; is the Paypal email for making payment to .Change it to your own .

2,Here is the code of one item in my live demo shop :



”product
Sample DVD


To create a shelf item, you create a div with a class of simpleCart_shelfItem


$14.99
Add to Cart
http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png

To create a shelf item, you create a div with a class of “simpleCart_shelfItem” ,like this


…………………

this structure : ”product
is for image of item . Image of item must contain class=”item_image” attribute .

This structure

your_item_name
is name of item . It must included class=”item_name” .

Description of item must included like this


your description

To set the price ,use this structure :
$00.00

To make ” add to cart link” ,add this line
Add to Cart

To add thumbnail image for item ( thumbnail image will be showed in shopping cart ) ,use this structure :
your_thumbnail

Here is the code of cart :


Total:




Empty Cart
Checkout

to show the total ,use this statement :

to show shopping cart ,use this statement

To show “empty cart” and “checkout” button ,use this statement :
Empty Cart
Checkout

In this post ,I explained some important points of using Simplecart and make it a widget to add to Blogspot . If you want to customize the appearance of the shop ,you can modify the CSS section of widget .
If you want to know more about Simple Cart script and its other options such as tax rate ,shipping fee … or option for showing the quantity ,the final cost …