Cara upload TemplateLangkah pertama, apabila tampilan interface pada www.blogger.com sudah update keversi baru, anda justru harus merubahnya ke interface model lama.Interface model baru:

Klik tanda bintang di sebelah pojok atas kanan kemudian pilih Old Blogger Interface

Saya sarankan pilih language English tetapi tidak masalah jika anda memakai bahasaIndonesia. Kemudian pilih Design

Klik Edit HTML

Klik yang saya beri tanda kotak merah.Pastikan anda sudah melakukan unzip pada template yang saya kirimkan melalui email.Pilih file AdvanceSlider.xml

Setelah memilih file.xml maka klik Upload dan jangan lupa melakukan save

Cara Merubah HeaderTerlebih dahulu, buatlah header dengan menggunakan photoshop dengan ukuran 988 x266 atau 988 x 140 karena pada dasarnya nanti ukuran header akan menyesuaikansecara otomatis ke 988 x 140.Upload header yang sudah jadi ke dalam hosting, bisa memakai picassa atauwww.blogger.com dan jangan lupa simpan link gambar anda.

Masuk ke design >> edit html >> expand widget template >> ganti link yang saya beritanda biru dengan Link gambar anda tadi

Cara Melakukan PostingLangkah pertama, buka browser kesayangan anda dan ketik www.blogger.com

Ingat, anda harus mempunyai alamat e-mail. Jika belum, lakukan pendaftaran.

Masukkan email dan sandi untuk masuk ke dalam www.blogger.comCari menu posting >> new post >> composeKetikkan deskripsi produk anda dan upload gambar seperti dibawah ini:

Perhatikan kotak merah berarti daerah tersebut wajib anda isi. TERUTAMA LABELKlik insert image untuk memasukkan gambar.

Kemudian gambar produk akan tampil seperti ini:

Klik Insertimage

Klik add selected untuk memasukkan gambar pada toko online. Hasilnya adalahsebagai berikut:

Selanjutnya klik PUBLISH POST dan hasilnya:

Jangan lupa, save setiap kali proses editing selesai dilakukan.Warning:Usahakan untuk menyimpan link posting setiap kali selesai posting. Karena proses iniakan berkaitan dengan proses pembuatan toko online pada tahap selanjutnya.Lihat gambar:

Copy ke dalam notepad seperti ini

Klik kanan

Copy Link address

Cara Membuat Menu HalamanSeperti proses sebelumnya, anda harus melakukan login ke www.blogger.comterlebih dahulu, kemudian klik bagian yang saya beri kotak merah sepertidibawah ini:

Perhatikan bagian yang saya beri kotak merah. Itu artinya anda harus edit seperti carapada contoh gambar di atas.Kemudian, klik SAVE AND PUBLISH Selanjutnya anda akan di bawa menuju tampilanmenu seperti ini: Pilih No gadget

Ambil link halaman anda. Dengan cara klik kanan view page dan klik copy link location

Jangan lupa untuk menyimpan link ini:http://tokopremium.blogspot.com/p/cara-order.htmlLangkah selanjutnya adalah kembali masuk ke:

Jangan lupa klik

SAVE TEMPLATEHasilnya adalah sebagai berikut:

Yang saya beri tanda kotak merah adalah contoh dari menu halamanCara merubah menu halaman pada footer sama dengan proses di atas:Hasilnya akan tampak seperti gambar di bawah ini.

Merubah Link Cara OrderUntuk merubah link cara order seperti tampilan di bawah ini, maka langkah pertamaadalah masuk ke www.blogger.com

Kemudian masuk ke:

Gunakan Ctrl+f kemudian ketikkan cara order hingga anda menemukan kode sepertiyang ditunjukkan pada gambar, kemudian setelah itu rubah data yang ada sehinggasesuai dengan data anda.Jangan lupa klik Save

Merubah Link Order Pada Halaman DepanMengatur link order

Ketika link Order di klik maka masuk ke:

Seperti biasa, masuk ke dalam www.blogger.comKemudian masuk ke:

Cari cara-pemesanan dengan ctrl+f kemudian ganti

Cara Memasang Menu SliderPerhatikan gambar di bawah ini:

Langkah pertama, anda harus persiapkan dulu menggunakan photoshop, gambarnyadengan ukuran 916 x 185 oleh gambar dibawah ini:

Gambar yang berkotak biru adalah kelompok barang sejenis atau satu labelsehingga memudahkan calon customer melakukan transaksi.Ulangi proses ini hingga mendapatkan banyak gambar. Setelah gambar di upload simpandan kumpulkan link-nya.

Simpan link tersebut ke dalam notepad supaya memudahkan proses editing.

Langkah selanjutnya buatlah label pada website anda. Skip proses ini jika sudahmelakukannya.

Penampakannya:

Klik save.Setelah itu masuk ke website anda www.webanda.blogspot.com

Seperti halnya proses sebelumnya, kumpulkan pula link ini ke dalam notepad.

Link biru adalah link gambarLink merah adalah link labelTahap selanjutnya buka script slider pada notepad.

Dan rubah link pada script tersebut. Lihat gambar

Link merah adalah link label, sedangkan link biru adalah link gambar.Hati hati dalam melakukan proses penggantian link ini. Tanda petikhttp://tokoadvanceslider.blogspot.com/search/label/Permata tidak boleh terhapus.Masukkan hasil editing script pada

Jangan lupa save maka hasilnya:

Merubah Foto / Gambar Profile

1. Masukwww.blogger.com2. Klik Rancangan3. Klik Edit HTML4. Centang ExpandTemplate Widget5. Cari tulisanSelamat datangdengan cara menekanctrl + f6. Pastikan andamemiliki gambardengan ukuran tinggi /height 120 pixel danlebar / width 100 pixel7. Pastikan andasudah menguploadgambar tersebut padahosting.

23

Mengganti GambarProfile

8. Ganti link http://4.bp.blogspot.com/-hKaXindvGKA/TYQdEJmV1dI/AAAAAAAAAgM/a4Kb2j3wgKw/s1600/callcenter1.jpgdengan link gambar anda sendiri.

Cara memasang scrollbarPenampakan sebelumnya:

Menjadi

Scroll Bar WidgetJUDUL WIDGET

24Cara memasang scrollbar

Penampakan sebelumnya:

Menjadi

Scroll Bar WidgetJUDUL WIDGET

24Cara memasang scrollbar

Penampakan sebelumnya:

Menjadi

Scroll Bar WidgetJUDUL WIDGET

24

Caranya, masuk BLOGGER, kemudian ctrl+F, dan masukkan JUDUL WIDGET, contoh:Produk PopulerSetelah itu, temukanWidget ID, contoh: PopularPosts1Kemudian, ketik code berikut ini ke dalam NOTEPAD hati-hati harus persis seperti ini:

Ganti link1 denganPopularPosts1

Kemudian click Template Designer (disebelah kanan Edit HTML)Kemudian copy code css tersebut dan paste di sini:

Widget ID JUDUL WIDGET

Menjadi

Template Designer

Ketik digooglewww.1

23contactform.com/contact-form-for-blogger.htmlKlik SIGN UP

Pilih Basic FREE klik Sign UpIsiUsername,Password,Confirmpassword,contactemail. Hati-

hati catat username danpassword jangan sampailupa.Pilih Menu Contact Form. Klik gambar amplop surat.

Isi dalamForm Namedengan namaHubungi

Kami dll Klik OK

7Cara Membuat Halaman Contact Form

Klik EDIT FIELD kemudian Preview untuk melihat dan Continue jika sudah selesaimelakukan setting FORMAT. (BUTUH INTERNET KONEKSI YANG CEPAT)

Klik ADDFIELD untukmenambahformat field.Misal anda

ingin mengetahui website, alamat lengkap calon customeranda dllIsi Label dengan tulisan misalnya: Alamat WebsiteLabel Style di pilihField Size isikan sesuai kehendak anda (isikan 60 jikamenghendaki kotak yang lebih lebar)Jumlah Rows dll (isikan 8 jika menghendaki ukuran kotaklebih tinggi)Centang Options >>> Required jika anda mensyaratkancustomer harus mengisi field tersebut.

Klik tanda SILANG jika ingin menghilankan form yang tidak di kehendaki

Isi Show text dengan Emailanda sudah kami terima.TerimakasihCentang Send a copy of thecompleted form to thesender (OPTIONAL)Jika menginginkanautoresponder maka centangkolom Send a confirmationmessage to the senderKlik SaveKemudian Continue

Copy kode berikut (untukmemasang contact formberbentuk TOMBOL atau jikamenghendaki berbentukFORMAT MAKATERUSKANLANGKAH BERIKUT:

Klik Embed Code

Pilih Iframe

Masuk blogger >> Posting >> Edit Pages >> New Page

Masukkan Code Script kedalam Edit Pages >> EditHTMLJanagn lupa isi PageTitle

Pilih No gadget kemudianSAVE AND PUBLISHJANGAN LUPA KLIKKANAN VIEW TERUSCOPY LINK LOCATION

Masuk di DESIGN >> TopMenu >> Edit

Isikan link pada NewSite URLdan ketik judul halamanNew Site Name

Cek penampilanblogger.

Kembali ke123contactformdan klik Finished

Materi Tambahan:Cara Memasang Shopping Cart Pada Blogspot

Diperlukan software shopping cart untuk membantu proses pembelian yang sedangdilakukan oleh konsumen. Setelah konsumen menyelesaikan proses pembelian, makatotal pembayaran dapat diketahui pada saat itu juga. Namun dalam tutorial kali ini,penulis tidak membahas sampai proses pembayaran dengan cara menggunakan kartukredit. Untuk kepentingan tersebut, anda bisa menggunakan PayPal sehinggapembayaran dengan memakai kartu kredit bisa dilakukan secara lebih aman dan dapatdipertanggungjawabkan.Menggunakan Fasilitas www.WebAsyst.netLangkah Pertama, lakukan pendaftaran

Nach, setelah masuk ke dalam halaman www.WebAsyst.net, ikuti langkah-langkahselanjutnya:1. Klik link Shopping Cart yang muncul pada halaman pertama.2. Selanjutnya anda akan masuk pada tampilan baru di alamat www.webasyst.net/shop

3. Klik link Try it now!

4. Isi kolom Login Name dengan nama anda atau nama toko anda5. Isi kolom Password dan kolom Confirm Password dengan password yang mudahdi ingat.

Masukkan nama toko online anda,usahakan mewakili produk yang andajual. Misalnya kaus.webasyst.net

Alamat E-mail

6. Masukkan Email aktif anda ke dalam kolom Email Selanjutnya akan dikirimkan e-mail ke alamat anda untuk mengaktifkan account webasyst yang barusan didaftarkan.Anda hanya perlu klik link yang diberikan oleh webasyst. Link yang di klik adalah linkdibawah tulisah yang berbunyi To Confirm your account creation, click the followinglink

Klik link tersebut langsung dari email, atau kalau anda ragu melakukannya, copy alamattersebut dan paste ke dalam browser favourite anda. Hal ini perlu dilakukan untukmenjadikan account anda di webasyst menjadi aktif. Selanjutnya klik icon Store

Selanjutnya anda akan di bawa masuk ke dalam Halaman pemantauan transaksi yangmasih kosong karena memang belum diisikan barang yang akan di pajang dalam tokoonline.

Memasukkan Data ProdukBerikut ini adalah langkah-langkah memasukkan produk pada webasyst. Pada intinya,anda sudah lebih dulu membuat toko online dengan bantuan webasyst yang padaakhirnya nanti akan meng-copy code shopping cart pada webasyst untuk digunakanbersama pada toko online blogspot anda.1. Pilihlah menu Products dan Menu Products & Categories Pada halaman ini akanmuncul nama-nama catigories da products yang terkait dengan kategori tersebut.Sebelum memasukkan produk, terlebih dulu buatlah kategori yang sesuai denganproduk yang akan anda jual. Misalnya, kategorinya adalah kausmaka produknya adalahkaus IT, kaus facebook, kaus twitter dll. Tekanlah terlebih dahulu Add new category.Jangan langsung membuat Add new Product di bawah root

Hasilnya akan jadi seperti ini.

Step 1

Step 2

Klik save

Jangan pernah mengisikan produk baru dibawah kategori Root karena tidak dapatditampilkan untuk umum.

Tombol untuk produk baru,kemudian mengisi produkdibawah kategoriModem

Apabila Upload gambar berhasil maka akan muncul seperti di bawah ini:

Selanjutnya klik Save.

Ulangilah langkah tersebut berulang-ulang untuk memasukkan seluruh produk yangakan anda jual.Langkah selanjutnya adalahMenyisipkan Tombol Pembelian. Jadi, setelah semuaproduk dimasukkan, maka proses selanjutnya adalah menampilkannya ke dalam blog.

Namun untuk dapat menampilkan fasilitas shopping cart ke dalam blog, dibutuhkankode HTML untuk memasukkan ke dalam template blog. Berikut ini adalah langkah-langkah guna memperoleh kode HTML dari webasyst untuk kemudian dimasukkan kedalam blogspot.Pilihlah menu Tools and Widgets untuk memperoleh HTML Add to cart

Kemudian akan muncul seperti dibawah ini:

Isi dengan nama produk yang anda pasang sebelumnya.

Klik salah satu produk yang akan anda ambil kodenya

Copy code HTML yang ada pada Add to cart button only kemudian paste danmasukkan ke dalam blogger

Kemudian paste kode HTML tadi ke dalam kolom Edit HTML di bawah kode tulisan.Jangan sampai kode HTML tersebut menghapus kode sebelumnya yang berisi postinganproduk. Jika kode ini terhapus maka postingan anda akan terhapus.

Selanjutya klik TERBITKAN ENTRI

Apabila tombol shopping cart di klik, maka akan muncul halaman shopping cart sepertiberikut ini:

Shopping Cart

Konsumen akan mengklik tombol Checkout dan muncul kolom-kolom isian berikut ini:

Shipping address adalah alamat pengiriman barang. Anda bisa memasukkan alamatpengiriman dimana barang akan dikirim.

Klik Continue untuk melanjutkan. Biaya pengiriman adalah 10 USD (belum disetting)

Pilih COD bila pembayaran dilakukan saat barang sudah nyampai dirumah. Pembayarandilakukan secara tunai diberikan kepada pengirim.

Klik Place Order

Jika anda menginginkan pembayaran via PAYPALmaka yang di centang adalah opsiPAYPAL

Klik Continue

Klik Place Order

MENGELOLA OPSI PEMBAYARANBanyak sekali pilihan pembayaran. Bisa melalui COD, PayPal bahkan transfer bank BCAatau MANDIRI misalnya.

Isi alamat paypalanda

Klik Save

PilihManual payment type dan klik tombol Next.

Klik tanda silang untuk menghapus metodepembayaran yang tidak anda inginkan

Selanjutnya klik Add payment type

Centang Custome payment type dan kemudian klik Next

Jangan lupa selalu klik Save setelah melakukan setting pada webasyst.

Mengelola Mata Uang dan PengirimanAgar mata uang sesuai dengan mata uang rupiah maka perlu setting jenis matauang menjadi rupiah. Berikut ini langkah-langkahnya:Pilihlah link Add Currency yang ada di bagian bawah halaman.

Mengganti default mata uang menjadi rupiah. Coba lihat gambar di bawah ini:

Tampilan shopping cart tidak lagi menggunakan mata uang USD (dollar Amerika)

Email konfirmasi yang dikirimkan juga tidak lagi menggunakan USD tetapi IDRatau rupiah.

Gambar Toko Online yang sudah dilengkapi shopping cart

Melakukan edit SEO (supaya website berpeluang menjadi nomor satu di googlesehingga mampu muncul di halaman pertama paling atas)

Setelah login, dan masuk ke design >> edit html >> centang expand widget,selanjutnya rubah bagian biru dengan data web anda.

Penutup

Membuat toko online blogspot merupakan suatu kegiatan yang cukup memeras tenagadan pikiran. Oleh karenanya, butuh ketelatenan dan waktu tersendiri yang cukup.Dengan sedikitnya anda berinvestasi waktu cukup 2 jam sehari, maka kurang dari 60 harimaka toko online anda akan wujud dengan baik.

Kunjungi produk kami lainnya:1. Cara membuat toko online yang bisa menjual property melalui blogspot2. Cara membuat toko online dengan menggunakan PHP MySQL.3. Berdagang dengan system afiliasi dengan Amazon melalui blogspot.4. Berdagang dengan system afiliasi dengan Clickbank melalui blogspot.

Dan masih banyak lagi yang lainnya.

Kirimkan email ke tokoblogspot@yahoo.com dan dapatkan harga khusus dari saya.Jangan khawatir email tidak terbaca. InsyaAlloh maksimal 3 x 24 jam email anda akansaya balas.

Atau jika anda kesulitan dengan jaringan internet yang mobile, hubungi saya SMS atautelpon ke salah satu nomor ini:

XL 087756699599Mentari 081554446078Three 089680769769Simpati 081334427229Smartfren 088210009070

Jika telpon tidak diangkat, berarti saya lagi sibuk, menyetir mobil, tidur, olahraga, danlain sebagainya. Bagaimanapun juga penulis adalah manusia biasa yang serba terbataskekurangannya.

Terimakasih.http://www.toko-onlineblogspot.info