tutorial buka toko online

Johny Blackstore, Template Toko Online Asal Jadi

Template ini adalah permintaan teman blogger via email, Abu Dzaky atau siapa ya? lupa saya namanya. Intinya dia meminta untuk dibuatkan sebuah template untuk jualan online. Sebenarnya saya tidak begitu bisa untuk membuat template toko online, disamping kesibukan saya di dunia nyata yang belakangan ini banyak menyita waktu juga karena keterbatasan kemampuan saya dalam membuat shopping cart untuk memudahkan transaksi online via Paypal. Template ini namanya Johny Blackstore, nggak cocok ya…? hehehehe. Bodo amat… yang penting ada store nya
johny blackstore
Shopping cart yang saya gunakan disini adalah simplecart made in wojodesign.com. Sudah saya masukkan currency IDR atau rupiah pada script tersebut tapi tetap saja tidak bisa digunakan untuk transaksi langsung via paypal, karena Paypal belum menerima rupiah sebagai alat pembayaran. Jadi jika Anda ingin memakai template ini untuk jualan online, barangnya dinilai pakai dollar aja ya…??. Sekarang saya akan menjelaskan instalasi template dan beberapa fitur yang terdapat pada template ini :

Posting Artikel

Dalam membuat artikel baru, perhatikan struktur kode di bawah 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. Usahakan gambar yang Anda upload ukuran panjang dan lebar sama, misalnya 300 x 300 px
Warna kuning : harga produk
Warna biru : deskripsi dari produk

Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru, dan untuk memudahkan agar Anda tidak berulang kali copy paste kode tersebut sewaktu membuat artikel 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.

Shopping Cart

Fitur Shopping Cart disini digunakan untuk memudahkan pengelola toko online dalam transaksi via Paypal. Tapi karena Paypal belum menerima pembayaran Rupiah, jadi setting untuk currency masih dalam dollar. Untuk mengganti akun Paypal yang terdapat pada blog demo ini dengan akun Paypal Anda, cari kode dibawah ini :
<script type=’text/javascript’>
simpleCart.email = &quot;johnytemplate@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];
</script>

Ganti email warna merah diatas dengan email Anda (email yang sudah didaftarkan di Paypal)

Fitur Pendukung

  1. Slider yang saya pasang disini bekerja otomatis, menampilkan artikel terbaru anda dengan jumlah 8 postingan. Jika Anda ingin menampilkan per kategori atau label, cari kode ini pada Edit HTML (jangan lupa centang expand widget templates) :
    <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 berikut :

    <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 kode warna biru dengan label yang ingin Anda tampilkan pada slider.

  2. Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
  • Keterangan :
    Warna biru : ganti dengan alamat feed anda.

  • Widget Contact Online
    Masukan kode berikut pada kotak HTML/Javascript

  1. Ganti youryahoousername1 dan youryahoousername2 dengan ID yahoo Anda.

  2. Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
    <a expr:href=’&quot;https://www.blogger.com/comment.g?blogID=2440873145683465163&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;’ onclick=’javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;’>Reply</a>

    Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

  3. Widget popular post thumbnail, setting seperti pada gambar dibawah ini :
    popular
    Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. Untuk lebih jelasnya silahkan baca tutorialnya disini.
Fitur yang lain saya kira mudah, seperti memasang Yahoo Messenger dan lain-lain. Template ini juga dilengkapi dengan efek zooming pada gambar jika Anda mengarahkan cursor pada gambar, gambar itu akan otomatis membesar sesuai dengan letak cursor. Mungkin hanya itu yang perlu saya jelaskan mengenai template ini, seperti biasa jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.

Showcase
Jika Anda ingin melihat blog yang sudah memakai template ini. bisa dilihat disini :
Toko Madu Mulia Alam Nusantara
Johny Online Store

Sangat disarankan :

  1. Baca tutorial pemasangan template ini sampai selesai.
  2. I suggest to upload gambar produk dengan ukuran panjang dan lebar sama, misalnya 300 x 300 px.
  3. Agar hasil akhir dalam penggunaan template ini maksimal dan tata letak post teratur, judul post jangan terlalu panjang, karena akan menggeser gambar ke bawah.
  4. Untuk mempercepat loading, simpan javascript yang ada pada template ini di tempat penyimpanan Google Code Anda. Bagi yang belum bisa cara menyimpan di Google Code bisa dibaca disini tutorialnya.

Update
Untuk merubah simbol currency dari $ (dollar) menjadi Rp (rupiah) pada shopping cart :

  1. Cari URL script ini di Edit HTML :

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

    Setelah ketemu ganti dengan URL script berikut :

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

  2. Langkah selanjutnya, masih pada Edit HTML ganti USD pada kode ini :

    simpleCart.currency = USD;

    menjadi

    simpleCart.currency = IDR;

Terakhir save templates, dan currency anda akan berubah menjadi rupiah. Tapi perlu diingat disini, itu hanya sekedar penggantian currency saja, tidak bisa untuk melakukan checkout atau pembayaran langsung lewat Paypal. Karena Paypal belum menerima Rupiah sebagai alat pembayaran.

Updates :

Dari beberapa komentar yang masuk, ada yang menginginkan untuk menampilkan nama barang yang ada di shopping cart, untuk itu silahkan di download ulang template ini sudah saya updates dengan menampilkan nama barang (lihat demo)

Template toko online terbaru Johny Magstore
Dua template Toko Online tanpa shopping cart

Update Templates

My Google Code was banned again, there’s so many script that I put in there can’t be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle “Update Template” in that post for the latest updates of Javascript

Posted in motivasi, inspirasi | Leave a comment

Satu Lagi, Template buat bikin toko online bagus dan lengkap

Template Toko Online Blogspot lengkap

BJB Template atau BlogJualBeli Template merupakan template powerful yang cocok digunakan sebagai toko online yang kaya akan fitur unggulan seperti:

  • Clean-view
  • Keranjang belanja
  • Tampilan grid product
  • Order via paypal dan google checkout
  • Order via email
  • Homepage slideshow widget
  • 4 coloumn footer
  • Header Ads Place
  • Custom Header Logo

Dengan menggunakan template ini, pengunjung tidak akan percaya bahwa toko online yang anda buat menggunakan platform blogger/blogspot karena ini lebih terlihat seperti tampilan toko online sesungguhnya layaknya prestashop, opencart, magento, dlsb.
Penasaran ingin melihat langsung penampakannya?
Langsung kunjungi demonya: http://tokonengocop.blogspot.com
Atau tidak sabar ingin mengunduh? Mari terus kita simak!

BJB TEMPLATE FOR BLOGGER
(BlogJualBeli Template / Template Blog Jual Beli Online)

Tampilan penuh template (Clean view & Professional) :

KAYA AKAN FITUR MENAWAN:

Keranjang Belanja
Dengan memanfaatkan cookies browser, teknologi javascript SimpleCart.js dari WojoGroup memberikan sentuhan otomatis memasukkan barang yang dipilih langsung ke keranjang belanja dan akan selalu tersimpan disana sebelum menekan tombol ‘Kosongkan’ atau tombol ‘Order’ selama masih ada cookies yang tersimpan.

Homepage Wide Slideshow
Tampilan gambar animasi bergerak yang didasarkan pada javascript dan kustomisasi CSS ini mudah diedit dan ditambah gambarnya hanya dengan mengubah link gambar yang terdapat pada widget yang bersangkutan. Satu lagi yang menarik, slideshow widget ini hanya tampil di halaman utama, sehingga tidak mengganggu ketika membuka halaman produk atau halaman lain.

Tampilan grid produk
Ini dia yang membuat seseorang tidak mengira bahwa toko online ini berplatform blogger yang khas dengan tampilan posting melebar standar blogger. Tampilan grid produk membuat tampilan posting untuk produk seperti layaknya toko online sungguhan dengan hanya menampilkan harga, thumbnail gambar dan judul posting/nama produk.

4 Coloumn Footer
Dengan tampilan footer 4 kolom anda dapat dengan leluasa meletakkan link, widget, info kontak, dlsb. Feel free :D

Custom Header Logo
Tidak lagi header dengan sekedar Text link nama blog/toko online. Buat lebih elegan dengan menempatkan logo terbaik anda disini :)

Header Ads Place
Ingin meletakkan banner iklan atau produk di tempat terbaik? Letakkan di header sebelah logo.

Sekarang mari kita ikuti langkah menyulap blogspot menjadi toko online:
1. Download file dalam bentuk zip yang berisi template BJB-Template.xml dan file posting contoh dummy-post.xml.


Download di
http://www.indowebster.com/bjb_template_wahyuputra_web_id.html
KLIK DOWNLOAD TEMPLATE (International Server – Box.Net)

2. Unggah file BJB-Template di menu Rancangan > Edit HTML
3. Anda dapat mengunggah contoh file posting untuk dapat memiliki blog dengan contoh produk, menu dan widget yang sudah disetting sebelumnya. Klik menu Setelan > Dasar > Impor Blog dan pilih file Dummy-Post.xml. (Optional)
4.. Sekarang template telah terpasang dengan baik pada blog anda, kini tinggal langkah kustomisasi yang perlu diubah untuk penyesuaian pada masing-masing toko online.

Kustomisasi Template:
1. Pengaturan Shopping Cart (Setting Email Paypal dan Currency)
Ubah Pengaturan simpleCart.email menjadi email paypal atau googlecheckout anda, simpleCart.checkoutTo menjadi Paypal atau GoogleCheckout, dan simpleCart.Currency menjadi Mata Uang Support Paypal/GoogleCheckout yakni USD, GBP, EUR, AUD, CAD, CZK, DKK, HKD, HUF, ILS, JPY, MXN, NOK, NZD, PLN, SGD, SEK, CHF, THB. Mata Uang Rupiah (RP) tidak support, namun anda masih dapat memasukkannya hanya sebagai tampilan, dengan kata lain tidak tampil di halaman pembayaran paypal (berubah kembali menjadi dollar).

<script type=’text/javascript’>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = ‘royuzuki@gmail.com‘;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = [‘name’,’thumb_image’,’Quantity_input’,’increment’, ‘decrement’,’Total’];
//]]>
</script>

2. Pengaturan Order by E-Mail
a. Buka halaman penyedia contactform email di http://kontactr.com/
b. Klik Sign-Up dan masukkan field yang diminta
c. Setelah berhasil sign-up, login dengan username dan password anda
d. Anda akan menuju halaman utama yang berisi kode-kode untuk menyisipkan contact form, perhatikan yang mana saja, misalkan Ajax Widget. Perhatikan pada angka ID anda setelah kode ‘id=’. Misal:

<script type=”text/javascript”> id = 111323; </script>
<script type=”text/javascript” src=”http://kontactr.com/wp.js”></script&gt;

e. Centang Expand Template Widget, lalu cari dan ubah angka yang di-bold dibawah ini dengan angka ID anda:

<span class=’item_add’><script type=’text/javascript’> id=111323; t=1; ctxt=&quot;Order via Email&quot;;

3. Pengaturan Menu atas, Menu utama dan Menu SocialNetwork
Cari dan ubah kode berikut:
Menu atas:

<ul id=’top-nav’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#’>Kategori</a></li>
<li><a href=’#’>Kontak</a></li>
<li><a href=’#’>Tentang Kami</a></li>
</ul>

Menu utama:

<ul class=’nav’>
<li><a class=’current’ href=’/’>Home</a></li>
<li><a href=’#’>Kategori Produk</a></li>
<li><a href=’/p/sample-page.html’>Sample Page</a></li>
<li><a href=’#’>Peluang Usaha</a></li>
<li><a href=’#’>Promo Bulanan</a></li>
</ul>

Menu SocialNetworking:

<ul id=’top_social’>
<li class=’social_facebook’>
<a href=’http://www.facebook.com/wahyu.putra‘ tooltip=’facebook’><span>facebook</span></a></li>
<li class=’social_twitter’>
<a href=’#’ tooltip=’twitter’><span>twitter</span></a></li>
<li class=’social_linkedin’>
<a href=’#‘ tooltip=’linkedin’><span>linkedin</span></a></li>
<li class=’social_rss’>
<a href=’#‘ tooltip=’linkedin’><span>linkedin</span></a></li>
</ul>

4. Sekarang kita akan men-setting format posting blog. Hal ini perlu dilakukan agar postingan anda sesuai dengan format template yang dibuat. Klik Setelan > Format > Template Entri dan masukkan kode sebagai berikut:

<div class=”item_image”>
<img border=”0″ class=”item_thumb” src=”product_image.jpg” />
<span class=”item_price”>$00.00</span>
</div>
<div class=”item_Description”>
Descriptions…</div>

Cara menggunakannya yakni setiap anda membuat post baru, pilih tab Edit HTML pada post-editor, bukan tab Compose. Ubah product_image.jpg dengan link gambar produk anda, ubah $00.00 dengan harga produk (bisa dalam format RP sbg tampilan saja), dan ubah Descriptions… menjadi deskripsi produk anda.

5. Pengaturan logo
Cari dan ganti link gambar dibawah ini dengan link gambar logo anda dengan ukuran 369px x 61px

<div class=’clearfix’ id=’header-wrapper’>
<a expr:href=’data:blog.homepageUrl’><img src=’http://1.bp.blogspot.com/-UUqAilFTo1I/TpwGIQbOQzI/AAAAAAAAAIg/DyCyzmtnLBM/s1600/logo-bjb.png‘/></a>

6. Pengaturan jumlah produk pada halaman utama
Produk yang ditampilkan sebaiknya berjumlah kelipatan 4 agar sesuai dengan template. Untuk mengubahnya klik menu Setelan > Format > Ubah 7 posting (default) menjadi kelipatan 4. Misalkan 20 posting.

7. Pengaturan Slideshow
Untuk mengatur dan mengubah slideshow dapat dengan menambahkan atau mengedit kode yang terdapat pada widget dibawah menu utama.
Ganti kode link gambar dibawah ini, atau gandakan kode untuk gambar lebih banyak.

<div id=’casing’>
<div id=’slider’>
<div id=’mover’>
<div class=’slide’>
<img alt=”iPad 5″ src=”http://i56.tinypic.com/4q3jva.jpg” /> </div>
<div class=’slide’>
<img alt=”iPhone 4″ src=”http://i56.tinypic.com/ipscyf.jpg” /></div>
</div>
</div>
</div>

Jika sudah melakukan semua kustomisasi, jangan lupa klik tombol ‘Simpan Template’ untuk menyimpan hasil perubahan. Kini anda dapat melihat tampilan blog anda yang telah disulap menjadi toko online blogspot yang tidak kalah dengan toko online lainnya dengan kelebihan: GRATIS,NO BANDWIDTH & HOSTING LIMITS, SEO-FRIENDLY!!!
Sekarang tinggal duduk manis dan nikmati betapa mengagumkannya blog anda sekarang :)
Tetap jaga link pembuatnya dari footer dan template detail di template blog yang sudah anda download sebagai bentuk apresiasi anda untuk kami. Hal itu sangat kami harapkan :)
Selamat Mencoba!
.

Posted in motivasi, inspirasi | Leave a comment

Salah Satu Template untuk membuat Toko Online Sendiri, keren dan lengkap

disarikan dari http://www.masgusmarket.blogspot.com

Download template TOKO ONLINE Blogspot MasgusMarket

Sempat linknya terhapus dari Box,kali ini saya akan kembali meng-share template toko blogdimana mungkin sebagian dari anda sudah memakai template yang saya beri namaMasgusMarket. Untuk fitur sendiri masih sama dengan yang sempet saya share kemaren alias tidak ada yang berubah.Perubahan hanya pada footer dan banner yang saya tambahkan di demonya.

Download template TOKO ONLINE MasgusMarket
MasgusMarket Bloggershop Template

Fitur Template Masgusmarket :

  • Shopping cart ( Keranjang belanja )
  • Email Invoice ( invoice email otomatis )
  • Drop down Menu
  • Slide show by Nivo Slider
  • Yang terpenting template ini GRATIS….hehehe

Tutorial Template MasgusMarket :

1. Format Post MasgusMarket :

Untuk template masgusmarket 2014 harus di posting dengan Format tersendiri agar produk anda memiliki flexibilitas yang sama dengan produk lainnya, alias rapi gan..

<div class=”product_image”>
<a class=”item_thumb zoomable” href=”http://4.bp.blogspot.com/-0dwU0o7MRLo/UsDN_v20YxI/AAAAAAAABWA/1fAGSi9HrVQ/s1600/nike.jpg” rel=”softFocus: true, position:’inside’, smoothMove:2″><img border=”0″ class=”item_thumb” src=”http://4.bp.blogspot.com/-0dwU0o7MRLo/UsDN_v20YxI/AAAAAAAABWA/1fAGSi9HrVQ/s1600/nike.jpg” /></a>
<span class=”item_price”>RP 280,000.00</span></div>
<div class=”product_describe”>
<br />
<br />
<table class=”ui-grid ui-gridFull prd-attributes” style=”background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;”><tbody>
<tr class=”even” style=”background-color: #fafafa;”><td class=”strong” style=”border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;”><div style=”text-align: center;”>
Nama</div>
</td><td style=”border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;”><div id=”pdtsku”>
AIRWALK SNEAKERS&nbsp;</div>
</td></tr>
<tr class=”odd”><th class=”strong” style=”background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;”>Ukuran (L x W x H/ cm)</th><td style=”background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;”>Ukuran Produk</td></tr>
<tr class=”even” style=”background-color: #fafafa;”><th class=”strong” style=”border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;”>Berat (kg)</th><td style=”border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;”>Berat Produk</td></tr>
<tr class=”odd”><th class=”strong” style=”background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;”>Warna</th><td style=”background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;”>Warna Produk</td></tr>
</tbody></table>
<br />

Keterangan :
  • Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
  • Jangan lupa merubah harga produk di bagian text yang berwarna Merah.

2. Setting data Pemilik Toko Online :

  • Masuk ke halaman Template.
  • klik Edit Html.
  • Cari deretan kode seperti di bawah ini :

simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;

  • Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.

3. Script Slider by Nivo Slider :

  • Masuk ke halaman TataLetak.
  • Klik Tambahkan Gadget > Html/JavaScript.
  • Pastekan kode Slider berikut.

<div class=”slider-wrapper theme-pascal”>
<div class=”ribbon”></div>
<div id=”slider” class=”nivoSlider”>
<a href=”http://www.bukablog.com”><img src=”http://4.bp.blogspot.com/-v0qcj9oUOBY/UsFTSwR_IHI/AAAAAAAABZY/JO4VrYDoTU8/s1600/gshock_banner_2.jpg” alt=”” /></a>
<a href=”http://www.bukablog.com”><img src=”http://4.bp.blogspot.com/-Jwua09XKCLI/UsFTVSYZ2EI/AAAAAAAABZo/HMiQK-e5bv0/s1600/banner-(1).jpg” alt=”” title=”Selamat Datang di toko kami” /></a>
<a href=”http://www.bukablog.com”><img src=”http://4.bp.blogspot.com/-Fq1nMvLtKJQ/UsFTUrnxoZI/AAAAAAAABZg/b6L_b-_dDkU/s1600/ban.jpg” alt=”” /></a>
<a href=”http://www.bukablog.com”><img src=”http://2.bp.blogspot.com/-fLTkF7H58G4/UsFTXPRRWoI/AAAAAAAABZw/ik92FhTI4ns/s1600/slide1-680×285.jpg” alt=”” title=”#htmlcaption” /></a>
</div>
<div id=”htmlcaption” class=”nivo-html-caption”>
<strong>Selamat Berbelanja
</strong></div>
</div>

  • Silahkan agan rubah kode yang berwarna Merah dengan URL banner anda sendiri.
  • Klik Simpan dan lihat hasilnya.
Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.
Posted in motivasi, inspirasi | Leave a comment

Tips dan Tutorial membuat Toko Online sendiri seperti lazada, olx dsb.

disarikan dari http://www.bukablog.com

Cara Membuat Website Toko Online 100% Gratis

Membuat Website toko online atau istilah gaulnya E-commerce sangatlah mudah dan bisa anda dapatkan dengan Gratis. Bagaimana tidak,dengan hanya download template gratisan disiniatau Template Premium anda sudah bisa membuka lapak online yang siap melayani pembeli di seluruh indonesia dan bahkan DUNIA sekalipun.

Trend berbelanja yang perlahan mulai bergeser serba online memang menjadi Trend shopping yang sangat di gandrungi sekarang ini.Selain hemat waktu,mereka juga dengan leluasa memilih produk yang di inginkan di toko anda. Anda pasti sudah melihat Startup toko online sepertiLazada dan Zalora berlomba-lomba mengiklankan situs mereka di Televisi maupun media sosial. Hal ini membuktikan bahwa potensi penjualan online di indonesia sangat tinggi dan itu terbukti dari transaksi Milyaran yang terjadi setiap harinya menurut beberapa Riset. rujukan penting : Cara membangun toko online sukses.

Cara Membuat Website Toko Online Gratis
Membuat web E-commerce Gratis dengan Blogger

Keuntungan memiliki toko online sendiri :

  • Biaya sewa yang relatif sangat murah ( Hanya domain 90ribu/tahun )
  • Tidak memerlukan banyak pegawai / karyawan ( Hanya butuh koneksi dan pelayanan dari anda )
  • Tidak harus memiliki barang sendiri ( Mengikuti sistem Dropship )
  • Jangkauan pasar yang luas tanpa batas area ( Mampu menjangkau ke seluruh penjuru dunia )

3 Persiapan sebelum membuat toko online gratis :

  • Email yang valid ( untuk melakukan pendaftaran di blogger )
  • Template toko online ( pilih Gratis atau yang Profesional Premium )
  • Persiapan foto produk yang akan anda pajang di toko online.

3 Tips penting dalam membuka Toko Online :

A. Pilih nama toko yang mudah di ingat.
Nama toko yang mudah di ingat orang menjadi nilai plus untuk awal membuka toko online.Jadi usahakan untuk memilih nama domain yang pas dan tentunya seo friendly ( nama domain yang di sukai Search Engine ).
B. Buat tampilan yang sesuai tema jualan anda.
Ini sangat penting,saya tekankan untuk membuat tampilan yang memang selaras dengan apa yang anda jual.Misalkan anda jualan barang fashion,alangkah baiknya jika tampilan web toko online di dominasi oleh warna cerah seperti Pink,toska dan masih banyak lagi.Buatlah pembeli anda nyaman dan betah melihat koleksi produk anda.Seperti pepatah lama  – Pembeli adalah Raja -.
C. Cantumkan kontak dan alamat offline dengan jelas.
 
ini adalah langkah baik untuk membangun kepercayaan lebih jauh antara penjual dan pembeli.Kontak dan alamat yang jelas dapat membantu menghindarkan kecurigaan pembeli akan penipuan,walaupun di sini tidak ada unsur penipuan.

Tutorial lengkap dan singkat Membuat toko online mudah 100% Gratis :

Ini merupakan persembahan mas gusti untuk anda yang bingung membuat situs jual belidimana terlihat susah dan rumit.Tutorial ini mungkin sederhana,tapi alangkah bergunanya jika anda mampu mengembangkannya sendiri dari tahap demi tahap.
A. Daftar Blogspot gratis di blogger.
 
Langkah pertama, anda haruslah membuat sebuah blog untuk di rubah menjadi toko online di Blogger.com milik mbah google.Cara daftarnya sangat mudah dan tentunya gratis. simak Cara membuat blog di blogger.
B. Download dan Install template toko online. ( Download Gratis disini )
Step berikutnya anda harus memasang template yang sudah di download pada blog baru anda.Caranya cukup mudah dan sama dengan cara install template pada umumnya.
  • Loggin ke blogger.
  • Pilih blog yang akan anda pasangi template > Klik Template > Cadangkan pulihkan.
  • Klik Pilih template > pilih Upload dan tunggu sampai proses upload selesai.
  • Lihat tampilan baru toko anda.
C. Membuat posting Produk toko online.

Cara Membuat Website Toko Online GratisMembuat sebuah artikel toko online memang sedikit berbeda dengan anda menulis untuk blog biasa. Disini anda harus menyertakan harga,deskripsi dan juga foto produk.Untuk tutorial saya tidak akan bahas disini.Kenapa…?? Karna setiap template toko online memiliki struktur posting yang berbeda-beda dan itu akan di jelaskan oleh si pembuat di halaman dimana mereka membagikan template tersebut.

D. Promosikan toko Online baru anda.

Langkah terakhir adalah Promosi,baik itu promosi gratis maupun yang membutuhkan kocek tambahan dari anda. Untuk yang gratis bisa melalui Facebook dan instagram dan yang berbayar bisa memasang banner langsung di Blog ataupun Google adsense. Untuk hasil memang lebih bagus yang Berbayar karna lebih tertuju dengan produk yang kita jual.

Mungkin ada beberapa tambahan yang akan saya tuliskan di artikel seri ini.SO..tunggu aja updatenya ya.Selamat berjualan online dan semoga sukses.

Posted in motivasi, inspirasi | Leave a comment

Cara Buat Jejaring sosial (Media Sosial) sendiri, kenapa tidak? ini tutorial lengkapnya

TUTORIAL LENGKAP MEMBUAT JEJARING SOSIAL SENDIRI – JCOW

Demo Modified – Jcow8 Pro Green FB Themes

Bahan-bahan yang di perlukan

  1. Segelas kopi
  2. Sebungkus rokok
  3. Hosting gratisan bisa langsung Klik Disini
  4. Script Jcow 8 Pro Klik disini

Okeh langsung ke tutorial
Silahkan mendaftar di hosting gratisan seperti Idhostinger terlebih dahulu karna ini hanya untuk belajar konfirmasi email untuk dapat membuat domain baru.

Klik Order Hosting Baru
Buat MySQL
Buat User MySQL, Name MySQL dan Password MySQL
Buka File Manajer 1
Upload scrip Jcow yang sudah sobat download tadi
Lalu extrak di hosting script jcow yang sudah sobat upload tadi
Klik/Buka Instal.php
DB Host : mysql.idhostinger.com untuk User,  Nama dan password MySQL, di sesuaikan sendiri
Klik Go To Network
Selesei

Supaya tampilannya lebih mirip facebook silahkan sobat ganti tema jcow nya dengan facebook themes, untuk info lebih lanjut silahkan baca artikel berikut Jcow Green Facebook Themes Modified
Bagaimana sangat gampang bukan.

Ditulis Oleh : Robby Armansyah

DMCA.com Protection StatusAnda baru saja membaca artikel dengan judul Tutorial Lengkap Membuat Jejaring Sosial Sendiri – Jcow. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.

Posted in motivasi, inspirasi | Leave a comment

olga syahputra meninggal, benarkah?

pada hari jumat 27 maret 2015 komedian indonesia olga syaputra meninggal dunia. sepertinya olga merupakan sosok yg baik dimata orang tuanya. kematiannya di hari jumat merupakan sebuah akhir yang baik. disamping sosoknya yg menyerupai ke wanita wanitaan akan tetapi semuanya mungkin sudah di tebus dg sakit yg dialaminya beberapa waktu terakhir, sakitnya -menurut dokter di indonesia meningitis-bisa menjadi penggugur atas dosa dan kesalahannya.

Posted in motivasi, inspirasi | Leave a comment

Stats Wrangling IV: Referrers and Clicks

ariefwidjaya:

try it…

Originally posted on WordPress.com News:

statwrangling

This summer, we provided a bird’s-eye view of your Stats panel and have taken tours of various modules (Days, Weeks, and Months and Top Posts and Pagesthat offer data about your site’s visitors and your most popular content.

Today, let’s take a look at two more sections: your Referrers, which tell you where your visitors come from, and your Clicks, which tell you where your visitors go.

Why thank you, internet, for referring others to me!

Just how do people find your blog? On your Stats page, look for your Referrers section. Here, you can access your referrers for the current day and yesterday. These lists display other blogs, websites, and search engines that link to your blog. (A view is counted as a referrer when a visitor on another site clicks a link there and lands somewhere on your blog.)

Many of you will…

View original 850 more words

Posted in motivasi, inspirasi | Leave a comment