Tutorial Cara Membuat Toko Online di Blogger Gratis, Super Lengkap!

Meski sudah saya tunjukkan kemarin dengan cukup jelas kelemahan membuat toko online di blogger, tetap saja ada yang memaksa saya untuk membuat tutorial cara membuat toko online di blogger.
Okay deh, karena anda memaksa…
Membuat toko online di Blogger itu cukup mudah, tidak perlu pakai plugins, anda hanya perlu meng-install tema (template) blogger.
Proses listing produk juga relatif mudah. Tentu tidak sesimpel proses listing produk di WooCommerce yang super simpel, tapi tetap cukup mudah karena yang diperlukan hanyalah memasukkan detail produk dalam template HTML yang telah disediakan.
Tanpa pakai banyak bicara, langsung saja deh…

Tutorial Cara Membuat Toko Online di Blogger

Untuk proses pembuatan toko online di blogger atau blogspot ini, akan saya bagi dalam 3 bagian, pertama adalah proses peng-install-an template blogger (blogspot), kedua adalah proses listing produk (menampilkan produk dan detilnya seperti harga dan lain-lain ke dalam toko online), dan ketiga adalah proses sistem pembayaran.

Persiapan: Buat Google Account dan Login Blogger.com

Tentu saja anda harus login dengan membuat akun Blogger terlebih dahulu jika anda ingin membuat toko online di blogger!
Anda bisa dengan mudah membuat akun di Blogger dengan mengikuti video tutorial ini: Video Cara Membuat Akun di Google Account.
Setelahnya, buat blog di Blogger. Lihat tutorialnya di sini: Cara Membuat Blog di Blogger.
Sudah? Lanjut ke langkah selanjutnya…

#1 Meng-Install Template Toko Online Blogger

Anda bisa mencari template blogger gratis yang memang dikhususkan untuk toko online. Di tahap ini, saya asumsikan blog anda sudah jadi dan siap ubah menjadi toko online.
Note: Tutorial ini menggunakan setting bahasa inggris karena saya rasa bahasa Indonesia terdengar aneh untuk tutorial.
Sekarang di Dashboard Blogger anda, klik nama blog anda yang baru saja anda buat.

Setelahnya, lihat bagian bawah, di sidebar. Cari tulisan Template dengan ikon kuas cat. *Maaf tidak ada panah, saya lupa nambahin.

Kemudian, klik di bagian kanan atas, Backup/Restore.

Sampai tahap ini, anda akan melakukan proses upload blogger template. Nah, tentu anda harus punya template toko online nya dulu donk…
Jika anda belum punya template toko online blogger yang bagus, kenalan saya, Rifki Aria Gumelar telah mendesain sebuah template toko online yang cantik dan ciamik, dengan fitur yang cukup lengkap dan canggih untuk kategori toko online blogspot gratisan.
Anda bisa download di website nya Om Agus Ramadhani (yang membantu mempopulerkan theme ini) secara langsung: Blogger Store v2

Atau download di sini: Blogger Store v2 Mirror .
Setelah itu, ekstrak file ZIP yang baru saja anda download, cari file dengan ekstensi XML (bloggerstore-v2.xml). *Jangan lupa baca read more nya.
Kembali ke dashboard blogger anda, jendela seperti gambar di bawah akan terbuka setelah anda klik Backup/Restore.

Klik Browse dan cari file bernama bloggerstore-v2.xml tersebut, klik Upload.
Jika anda melakukannya dengan benar, anda akan melihat template anda sudah terganti dengan template toko online baru anda yang ciamik. Klik View Site di bagian atas untuk melihat blog (toko online) baru anda.

#2 Menambahkan Produk ke Toko Online Blogger Anda

Okay, template sudah ter-install. Tapi akan terasa ‘hampa’ alias kosongan karena memang belum kita isi apa-apa…
Sekarang waktunya untuk menambahkan produk di toko online Blogger baru kita.
Beruntung bagi anda, sangat mudah untuk menambahkan produk di toko online ini. Klik saja tombol New Post di dashboard anda.

Di halaman Post ini, ganti format penulisan ke HTML.

Kemudian tambahkan produk dalam template HTML yang sudah di sediakan.
Jika anda malas melihat file TEMPLATE POST.txt yang ada di file ZIP yang baru saja anda download, salin saja kode di bawah ini sebagai template HTML produk baru anda.
<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions... </div>
Kemudian masukkan data mengenai produk anda sesuai tempat yang seharusnya.
Contoh:
<div class="item_image">
<img border="0" class="item_thumb" src="link ke gambar anda "/>
<span class="item_price">$10.00</span>
</div>
<div class="item_Description">
Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla...</div>
Ubah “link ke gambar anda” dengan link beneran yang mengarah ke gambar produk anda. Upload gambar ke Blogger seperti biasa dan salin URL gambar anda ke bagian ini.
“$10.00″ ubah dengan harga produk anda.
“Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla…” ubah dengan deskripsi mengenai produk anda.
Selesai? Kini berikan Label, label “Backpack” saya gunakan dalam contoh kasus saya. Kemudian klik “Publish“!
Jika semuanya berjalan lancar, seharusnya anda akan melihat hal yang kurang lebih seperti ini.

Hm… terlihat agak sepi yah…
Tentu saja, karena masih satu produk yang ditambahkan ke toko online anda. Anda harus tambahkan lebih banyak produk lagi agar toko online anda tampak lebih bagus.

Hm… jauh lebih baik.
Saya serahkan proses kustomisasi sepenuhnya pada anda. Ini alasan kenapa saya malas berurusan dengan blogger lagi. Sangat-sangat repot dan tangan harus kotor dengan kode-kode yang saya tidak mengerti. Hahahahaha….

#3 Proses Pembayaran

Ada kelemahan dari toko online Blogger, pertama adalah mata uang tergantung dari mata uang yang didukung oleh PayPal. Benar, toko online kita di atas menggunakan PayPal sebagai proses pembayaran. Yang artinya tidak support mata uang rupiah untuk sementara ini.
Bisakah jika kita ingin menjual produk dengan mata uang rupiah? Bisa. Tapi tak ada proses checkout untuk anda. Dan setahu saya, konsekuensinya adalah keranjang belanja di atas kanan itu bakalan tak ada gunanya.
Proses order dilakukan secara manual melalui transfer bank, beri tahu bagaimana cara agar pengunjung anda bisa melakukan order terhadap produk anda. Misal order melalui email atau SMS.
Untuk ide proses pembayaran anda bisa baca post saya yang ini atau lihat video saya dimana saya menunjukkan pada anda bagaimana saya membuat informasi pemesanan yang sangat jelas di sidebar toko online saya: Video Tips & Trik Toko Online Professional.
Untuk proses pengaturan jika anda ingin menggunakan fasilitas pembayaran melalui PayPal, silakan merujuk ke dokumentasi dari mas Rifki Aria Gumelar di blognya sendiri: http://javatemplates.com/blog/installing-and-customize-blogger-store-v2/
Dan saya rasa, cukup post ini… Saya yakin sekarang anda sudah tahu cara langkah demi langkah membuat toko online di Blogger.
Jika anda ada pertanyaan mengenai hal ini, jangan tanya saya. Saya tidak tahu…
Saya hanya menulis tutorial ini dan jujur saya tidak tahu banyak mengenai kustomisasi situs Blogger. Saya lebih nyaman menggunakan WordPress dan WooCommerce untuk membuat toko online.
Jika anda ingin membuat toko online yang tanpa repot, link di atas akan membawa anda ke e-Course gratis dari saya yang akan memandu anda bagaimana cara membuat toko online profesional menggunakan WordPress.

Dan… akhirnya terima kasih karena sudah membaca hingga sini.
Jika anda suka dengan tutorial ini, atau anda berpikir bahwa keluarga, kenalan, atau teman anda mungkin mendapat manfaat dari post ini, beri tahu saya dengan me-LIKE halaman ini dengan tombol di samping dan di bawah.
Saya akan sangat menghargainya.
Seperti biasa, salam pintar!

video tutorial membuat toko online

video tutorial membuat toko online

ads blocker

Adblock Plus

Surf the web without annoying ads!

• Blocks banners, pop-ups and video ads - even on Facebook and YouTube
• Protects your online privacy
• Two-click installation
• It's free!

DOWNLOAD, KLICK HERE!!!!!!

anda merasa frustasi ketika andqa sedang berinternet ria, terus anda disibukkan dengan iklan-iklan yang gak jelas?harus mengklik sampai berkali-kali?jangan khawatir, anda bisa memblok iklan tersebut dengan ABP, ingin menginstalnya, DOWNLOAD, KLIK DISINI!!!!

video tutorial bikin akun blog

how to make blog account

10 Cara Super Mempercepat Proses Download Menjadi Secepat Kilat

10 Cara Super Mempercepat Proses Download Menjadi Secepat Kilat

Apakah anda penggila download di internet?
Baik mendownload software, game, video, lagu atau dokumen. Lalu sudahkah anda puas dengan kecepatan download yang terjadi selama ini?

Jika belum, ada beberapa tips sederhana tapi cukup signifikan untuk anda lakukan. Tentu saja dengan asumsi bandwidth jaringan internet anda sudah memenuhi syarat minimal. Jika anda mendownload dengan kondisi jaringan yang minus, maka apapun cara yang dilakukan nyaris tidak akan berpengaruh. Sejauh pengalaman saya minimal kapasitas bandwidth minimal agar memuaskan untuk mendownload adalah 256 Kbps. Dan yang optimum adalah 512 Kbps. Jika anda belum tahu berapa sebenarnya kapasitas koneksi jaringan internet yang anda gunakan saat ini, maka anda bisa test dulu DISINI.

Baik, sekarang inilah beberapa tips yang pernah saya lakukan untuk mempercepat proses download:

Pertama:
Gunakanlah downloader khusus untuk mendownload. Jangan hanya mengandalkan fasilitas download bawaan dari browser yang anda gunakan. Dan sejauh pengalaman saya, downloader yang bagus itu adalah Internet Download Manager (IDM). Softwarenya bisa anda download gratis DISINI. Dan lakukan settingan khusus pada IDM tersebut agar kemampuannya mendownload menjadi lebih kencang. Caranya tinggal anda baca DISINI. Atau jika anda ingin lebih, juga bisa digunakan IDM Optimizer untuk membuat kinerja IDM ini semakin power full. Softwrenya bisa anda download DISINI.

Kedua:
Lakukan sedikit pengaturan pada registry Windows anda.
Caranya bisa anda pelajari DISINI.

Ketiga:
Jangan membuka terlalu banyak tabulasi browser saat anda mendownload. Apalagi jika yang anda download filenya berukuran besar (bagi anda yang belum tahu apa itu tabulasi bisa dibaca DISINI

Keempat:
Install addons atau plugin browser yang bisa mendongkrak kinerja internet anda. Mislanya FasterFox atau Extra FasterFox pada Mozilla.

Kelima:
Lakukan pengaturan tertentu pada registry Browser yang anda gunakan. Caranya bisa anda ikuti DISINI (maaf linknya belum aktif)

Keenam:
Pastikan anda mendownload pada situs yang kondisi servernya stabil dan bukaan downloadnya tidak hanya satu, tapi lebih, misalnya 8 hingga 16 bukaan. Contohnya ya di blog ini. hahah!

Ketujuh:
Gunakan software pendongkrak koneksi internet. Salah satunya adalah TCP Optimizer. Softwarenya bisa anda download DISINI.

Kedelepan:
Saat mendownload, akan lebih kencang jika antivirus yang anda gunakan dinonaktifkan dulu untuk sementara. Setelah selesai baru diaktifkan kembali. Begitu juga jika anda menggunakan aplikasi proteksi situs dewasa seperti antiporn, K9, dan sebagainya, dinonaktifkan dulu untuk sementara.

Kesembilan:

Kurangi membuka banyak program saat proses download sedang berlansung. Misalnya saat mendowload anda juga membuka program office, program grafis, lalu anda juga sedang menonton video. Pastikan hanya program yang sangat penting dan mendesak yang anda buka saat melakukan proses download.

Kesepuluh:
Jika kesembilan cara diatas sudah anda lakukan, tapi proses download masih juga lemot, ya sudah. Lakukan sholat tahajud sambil mengklik tombol DOWNLOAD  3 kali sehari.

Blogger Templates 2012: Blogger Store V2

This is Blogger Store v.2 the best blogger templates 2012 ever made. Comes with more elegant, simple and fresh fresh design. Its beauty can you see in the background pattern on the body and main content combined with appropriate background color.

Download | Live Demo
What the features of Blogger Store v2 ?

I added some new features that do not exist in previous versions, and here the features you can find on this template.
1. SimpleCart.js v2.2.2.
This template still using SimpleCart.js v.2.2.2 by The Wojo Group as ShoppingCart framework. Since I did some editing on this script, now you can using Indonesian Rupiah (IDR) for the currency. But it’s just a fake because Indonesian Rupiah currently not listed on Paypal.
2. Animated ShoppingCart
I added a little animation effects on shopping cart, at default position he would not be visible and show only the total item and the total price and will be visible if you click on shopping cart menu. It will further reduce the use of space on your blog page
2. Superfish Menu.
I’ve added 2 pieces of dropdown menu, Top Secondary and Primary menu. I use superfish for it because I think superfish is better and give a softer effect than jQuery sliding menu on blogger store old version.
3. Automatic Featured Content with jQuery Carousel Fred.
As my framework i always using automatic methode for all of my template. and specially for Blogger Store v2.0 I’m using Automatic featured content from  jQuery Crausel Fred v.4.5.2, this is automaticly work to displaying product by label or recent product also can display from another source, just need a several setting.
4. Grid and List Style post integrated with jQuery Plugin.
This is a great one !! you will see two view style on this template, default is Grid style and will be change to List style if you click switcher button. This feature is integrated with jQuery Cookie Plugin, so the visitor can see style of the last time they visited.
5. Advanced Blogger Template Designer Support
This feature gives you flexibility to customize the background and color of template on Template Designer, so you can get unlimited color and unlimited font for your template, available for :

• Body Background Color
• Main Text Color
• Font Style and Size
• Text Link Color
• Background Menu Color
• Background and border for Shopping Cart Color

This template also have several additional features:
6. Social Bookmark Icon
7. Search Form
8. Ads Space
9. Animated Sponsors Logo
10. Pattern Background.
I hope you like this template..

Kelemahan Membuat Toko Online di Blogger

Kelemahan Membuat Toko Online di Blogger

Ada kemungkinan toko online blogger anda di hapus secara sepihak oleh Google. Hei, space tersebut milik Google, dia berhak melakukan hal tersebut…
Toko online di blogger juga membutuhkan banyak script (javascript) untuk memastikan toko online tersebut bekerja dengan baik. Sayangnya blogger bukanlah penyedia hosting.
Pembuat toko online di blogger harus meletakkan scipt mereka di suatu tempat bukan? Dan kebanyakan mereka meng-host nya di Google Code.
Namun, apa yang terjadi ketika Google menghapus, atau bahkan meng-ban akun Google Code si pemilik script karena ada terlalu banyak service request yang disebabkan oleh terlalu banyaknya pemakai template tersebut?
Tentu saja secara seketika SEMUA toko online buatan si pemilik script akan berhenti berfungsi. Masih bisa untuk menampilkan produk, tentu… tapi fungsi-fungsi krusial seperti halaman check out, keranjang belanja, dan banyak lagi akan langsung berhenti.
Ugh….
Saya punya alternatif yang lebih baik bagi anda. Anda ingin berbisnis bukan? Andaikan anda menyewa tempat ukuran 2 x 2 meter di depan jalanan yang ramai seharga 150 ribu per bulan, akankah anda menyetujuinya?
Tentu saja! 150 ribu per bulan untuk tempat ukuran 2 x 2 di jalanan yang ramai adalah impian semua pedagang!!
Sekarang bayangkan… ada tempat dimana anda bisa menyewa tempat dengan ukuran tiga ruko lantai 3, dimana tempat tersebut selalu ramai pengunjung, dan harga sewanya hanya 120 ribu per bulan. Apakah anda mau?
Hanya orang gila yang tidak mau penawaran seperti itu…
Dan tiga ruko lantai 3 dengan harga sewa kira-kira 120 ribu per bulan itu adalah hosting anda. Tempat yang selalu ramai adalah internet.
Dengan memiliki hosting berkualitas milik anda sendiri, anda bisa menampilkan sebanyak apapun produk anda. Bahkan mungkin mengumpamakan hosting anda dengan tiga ruko lantai tiga terasa tidak adil karena sebenarnya hosting anda bisa menampung lebih banyak barang dibandingkan mal sekalipun…
Jadi, apa sih maksud semua post ini?
Jika anda benar serius ingin berbisnis. Jangan pelit. Ambil dompet anda, keluarkan uang seratus ribu itu, dan belilah hosting yang layak (HostGator atau BlueHost ehem…)
Dan oh iya, sebelum saya lupa. Untuk anda yang beneran ingin serius dan ingin belajar lebih banyak tentang cara membeli hosting, cara membeli domain, dan lain-lain, anda bisa cek video tutorial belajar bisnis online saya.
Setelah hosting dan domain anda siap, kini saatnya anda memiliki toko online anda sendiri. Pelajari caranya di eCourse: Cara Membuat Toko Online Gratis dengan WordPress
Bagaimana pendapat anda? Saya yakin anda sekarang sadar bahwa ternyata kelemahan membuat toko online di blogger bisa begitu mengerikan bukan? Berikan pendapat anda di kotak komentar di bawah ini.