Membuat Toko Online Dengan Blogspot

Memiliki toko online sendiri merupakan impian bagi semua orang yang sedang berjualan online.  Tetapi kadang terbatas dengan dana maupun skill dalam membuat toko online.

Berikut ini, saya akan memberikan tahapan membuat toko online dengan blogspot:

1. Pertama tentunya sudah harus bisa masuk ke blogger.com
2. Membuat sebuah blog untuk toko online
3. Download theme toko online, salah satunya yang terkenal dari jhonny template, untuk download theme klik disini
4. Sebelum mulai mengupload produk, sebaiknya dipersiapkan foto-foto produk dengan ukuran 400x400pixe, dapat menggunakan photoshop atau paint.
5. Upload semua foto produk yang sudah di buat dalam ukuran 400x400pixel dalam Picasa Web Album

Posting Produk :

Setiap mengupload produk, menggunakan struktur kode berikut ini :

<div class="product_image">

<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>

<span class="item_price">$00.00</span></div>

<div class="product_describe">

Description your product.............
</div>

Keterangan : 
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas. Url gambar dapat diambil dari foto yang sudah di upload di picasa web album.
Warna kuning : harga produk 
Warna biru : deskripsi dari produk 

Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru, 
Untuk memudahkan tidak berulang kali copy paste kode tersebut sewaktu membuat posting produk terbaru, masukkan kode tersebut pada kolom post template. 
Masuk ke setting, pilih posts and comments >> post template. 
Klik add, setelah itu masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhir save setting.

Seting Slider

Slider di theme ini bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8 postingan. Jika Anda ingin menampilkan per kategori atau label, cari kode ini pada Edit HTML 

<script>

document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

</script>

Ganti dengan kode dibawah ini

<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/your label?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>

Ganti yang berwarna biru dengan label yang ingin anda tampilkan

Seting Email Berlangganan :

Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML

<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>

warna biru diganti dengan alamat feed blog anda

Merubah Currency $ ke Rp :

Cari URL script ini di Edit HTML

http://jagad.googlecode.com/files/WojosimpleCart-IDR.js

Ganti dengan url di bawah ini :

https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js

Kemudian masih pada Edit HTML ganti USD pada kode ini 

simpleCart.currency = USD;

Menjadi

simpleCart.currency = IDR;

Save Template

Contoh toko online dengan theme ini :
http://ahbjogja.blogspot.co.id/

,