Membuat toko Online dengan Template Standar Blogger

By: Rangga0411 on 2:01 AM

Membuat toko Online sederhana dengan memanfaatkan template standar Blogger atau template bawaan blogspot tentu tidak akan tampak seperti keumumam toko online yang beredar selama ini. Namun dengan sedikit modifikasi dengan tetap tidak meninggalkan ciri khas dari template tersebut dan juga diterapkannya fitur pendukung lain khususnya SEO (optimasi mesin pencari) maka tidak mustahil toko online sederhana ini bisa bersaing dengan toko online besar dari segi pengunjung dan kemudahan dalam transaksi belanja.

Pada kesempatan ini saya memberikan contoh kepada Anda toko online sederhana yang dibuat dengan menggunakan template bawaan blogspot "simple". Seperti nama dari blogger yaitu "simple", template ini memang terlihat sangat sederhana. Contoh Toko Onlinenya adalah
http://jualradioamfm.blogspot.com yang sudah berumur 3 bulan (ketika artikel ini dibuat) dan http://tokoalatcukurrambut.blogspot.com yang berumur baru 1 minggu (ketika artikel ini dibuat). Toko Online ini tidak hanya DEMO semata, memang sedang berjualan dan produknya bisa diorder. ^_^

Sedikit saya akan memaparkan kepada Anda apa saja yang sudah saya terapkan kepada toko online jualradioamfm diatas:

1. Nama domain: jualradioamfm.blogspot.com
   Saya pilih domain jualradioamfm karena toko online ini bertujuan untuk menjual radio portable band AM dan FM
2. Keyword yang dipilih adalah jual radio am, jual radio fm, jual portable radio. Anda bisa mengeceknya di search engine Google.com atau Google.co.id
3. Jenis Template blogger yang dipilih adalah SIMPLE dengan total lebar blog 1058px, lebar sidebar kanan 360px, dan setingan text, background dll, masih settingan standar blogger. Pada bagian header saya buat Header berupa gambar sederhana yang menerangkan kepada pengunjung bahwa blog yang sedang dilihat adalah sebuah blog toko online yang sedang jualan Radio portable AM dan FM
4. Untuk Mendukung SEO agar bisa bersaing di search engine, maka perlu di perhatikan dan diterapkan:
   • Settingan SEO onpage yang sudah disediakan Blogger, Lengkapnya Anda bisa baca pada artikel saya disini: Memaksimalkan fitur seo on page Blogger
   • Membuat Breadcrumb, membantu agar cepat terbaca search engine, caranya silahkan baca disini Cara membuat breadcrumb pada blogspot
   • Membuat related post, fitur ini bisa meningkatkan pageview sebuah blog juga memberikan kemudahan pengunjung untuk order produk lainnya. Caranya silahkan baca disini Cara membuat related post blogspot
   • Untuk masalah konten, ini mungkin yang paling penting, buatlah konten artikel yang original alias bukan copy paste, lengkapnya tentang konten, Anda bisa membacanya pada artikel - Cara menulis artikel seo
5. Untuk Sentuhan Toko online agar memudahkan dalam transaksi ketika membeli sampai pengiriman, saya tambahkan fitur:
   • Fitur standar statik page cara order yang berisi data lengkap kontak person dan info cara order barang, informasi cara pembayaran dan cara pengiriman dibuat dalam satu halaman saja.
   •  Fitur form pemesanan order dengan memanfaatkan form online gratis dari emailmeform, lengkapnya bisa baca disini cara membuat form online gratis
   • Fitur cek Ongkos kirim, check Resi, dan 10 resi terakhir bisa pelajari caranya disini Widget cek resi TIKI JNE, atau Anda bisa langsung membuatnya sekarang klik disini.
6. Fitur Lainnya
   • Membuat label kategori, Anda bisa baca caranya disini Cara membuat Label Kategori 
   • Membuat Data pengunjung atau statistik, Anda bisa memanfaatkan www.histats.com 
   • Membuat facebook Fanpage (facebook like), bisa baca caranya pada artikel cara membuat fans page facebook
   • Memasang Link - Script Youtube yang konten videonya mendukung produk yang sedang dijual. Maaf artikel tentang cara ini belum pernah saya buat.

Demikian sedikit bagaimana cara membuat toko online sederhana dengan memanfaatkan template bawaan yang sudah disediakan Blogger atau blogspot. Semoga bermanfaat dan bisnis toko online Anda semakin lancar Jaya....

Read More

Cara Membuat Label Kategori di Blogspot

By: Rangga0411 on 9:51 AM

Kategori pada sebuah Blog dan website berfungsi untuk mengelompokkan setiap postingan disesuaikan dengan jenis kontenya. Namun pada blogspot kita tidak akan ditemui istilah kategori di-dalam dashboard admin, namun yang ada adalah Tag atau Label. Sebuah situs dengan kerangka website di-halaman dashboard admin biasanya terdapat menu khusus kategori dan tag/label secara terpisah. Dengan kategori pengelompokan postingan artikel atau produk untuk blog toko online akan memudahkan pengunjung mencari konten yang mereka inginkan.

Karena seringnya klien yang setelah memakai jasa pembuatan toko online kami yang menanyakan seputar kategori produk, maka pada kesempatan kali ini saya akan menguraikan bagaimana cara membuat label kategori artikel pada sebuah blog yang dijadikan sebagai toko online. Cara membuat Kategori pada blogspot kita bisa memanfaatkan fungsi label atau Tag, contoh nya ketika Anda menjual barang-barang suvenir, agar tidak tercampur jenis suvenir yang dijual maka Anda perlu mengelompokkan jenis barang tersebut berdasarkan kategorinya seperti souvenir kipas, souvemir dompet, souvenir gantungan kunci, dan lain-lain.

Sebelum Anda membuat kategori silahkan Anda pahami:

1. Struktur artikel yang biasa digunakan untuk sebuah blog:
   
2. Berbeda dengan website, pada blogger sebuah kategori tidak bisa dibuat terlebih dahulu, jadi Anda harus memposting sebuah produk atau artikel dengan kategori tertentu kemudian Anda menuliskan judul kategori tersebut pada kolom label yang sudah disediakan blogger.
3. Kategori yang dibuat bisa ditampilkan melalui Gadget label, dan Anda bisa menempatkannya di sidebar kanan atau kiri sesuai dengan layout blog toko online Anda.
4. Label kategori ini bisa Anda pisah dengan cara manual. seperti contoh di-bawah di pisah dengan judul label yang dipisah.
   
   Contoh kategori yang dipisah berdasarkan judul kategori:
   

Setelah Anda paham dengan 4 point di-atas, sekarang kita lanjutkan dengan cara membuatnya:

1. Log in akun Blogger anda melalui www.blogger.com 
2. Masuk ke menu posting, kemudian masukan artikel atau produk Anda beserta gambar dan spesifikasi nya. Artikel yang Anda masukkan jangan lupa teknik atau trik SEO blogspot sudah Anda terapkan.
3. Pada kolom label sebelah kanan, tuliskan nama kategori produk yang sedang Anda posting.
   Contoh: kategori souvenir kipas pada toko online yang menjual bermacam-macam souvenir
   
4. Kemudian tekan tombol "publikasikan" apabila sudah selesai.
5. Silahkan lanjutkan dengan produk-produk lainnya dengan kategori yang berbeda-beda.
6. Karena tulisan saya diatas disinggung pemisahan kategori produk disesuaikan dengan judul kategori, maka cara membuatnya seperti dibawah ini:
   • Kembali ke menu dashboard blogspot
   • Klik Layout
   • Pada Judul Gadget label yang sudah Anda buat sebelumnya, klik Edit
     
   • Pada kolom konfigurasi label klik "label yang dipilih kemudian Edit
     
   • Centang kategori yang sesuai dengan judul kategori
     
   • Klik "selesai" 
   • Silahkan lakukan hal yang sama pada judul kategori Anda yang lainnya.
   • Lihat hasilnya.
     

Demikian pembahasan singkat tentang cara membuat label kategori di blogspot. Yang sedikit ini semoga bermanfaat untuk Anda. Salam Blogger.

Read More

Cara menghilangkan Judul Blog di header

By: Rangga0411 on 11:14 PM

Sebuah judul pada sebuah blogger sangat penting, namun terkadang keberadaannya bisa sangat mengganggu ketika Anda tidak menginginkannya tampil pada header blog baru Anda. Tampilan judul bawaan memang terlihat kaku dan sulit bagi newbie dalam menyesuaikan-nya ke dalam header. Maka dengan cara menghilangkan atau menyembunyikan judul blog dan mengkreasikan judul blog kedalam headernya sendiri akan membuat tampilan blog Anda semakin menarik.

Selain judul blog, deskripsi blog akan ditampilkan secara otomatis di bawah judul blog, maka Anda perlu menyembunyikannya juga. Setelah Anda membuat header blog yang cantik maka tinggal menerapkan trik dibawah.

Cara menyembunyikan keduanya silahkan ikuti langkah-langkah berikut ini:

1. Log in blogger 
2. Pada dashboard > klik template kemudian pilih "Edit HTML"
3. Cari kode yang mirip seperti ini
   Judul Blog
   #header h1 {
   margin:5px 5px 0;
   padding:130px 0px 0px 130px;
   font-size: 28px;
   line-height:1.2em;
   text-transform:titlecase;
   letter-spacing:.1em;
   }
   
   Deskripsi Blog:
   #header .description {
   margin:0 5px 5px;
   padding:10px 0px 15px 130px;
   max-width:700px;
   text-transform:lowercase;
   letter-spacing:.1em;
   line-height: 1.4em;
   color:#e86c81;
   font-weight:bold;
   font-size:13px;
   }
    
4. Setelah ditemukan, silahkan tambahkan kode berikut: visibility:hidden; sehingga menjadi seperti dibawah:
   
   Judul Blog:
   #header h1 {
   margin:5px 5px 0;
   padding:130px 0px 0px 130px;
   font-size: 28px;
   line-height:1.2em;
   text-transform:titlecase;
   letter-spacing:.1em;
   visibility:hidden;
   }
   
   Deskripsi Blog:
   #header .description {
   margin:0 5px 5px;
   padding:10px 0px 15px 130px;
   max-width:700px;
   text-transform:lowercase;
   letter-spacing:.1em;
   line-height: 1.4em;
   color:#e86c81;
   font-weight:bold;
   font-size:13px;
   visibility:hidden;
   }
   
5. Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
6. Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template".
7. Lihat hasilnya.

Catatan: Cara ini lebih tepatnya adalah menyembunyikan, bukan menghilangkan karena judul blog dan deskripsi sangatlah penting untuk search engine. Maka pengisian Judul blog dan deskrissi blog tetap harus dijalankan pada menu Setting > Basic.
Demikian sedikit info cara menghilangkan judul blog dari saya.. selamat mencoba.

Read More

Cara membuat kontak form blogspot

By: Rangga0411 on 9:21 AM

Mungkin banyak tidak diketahui oleh pengguna blogspot bahwa sekarang blogger sudah menyediakan sendiri fasilitas kontak form widget, fungsi form kontak online ini bisa digunakan sebagai kotak saran, testimoni, pertanyaan umpan balik, pemesanan barang dan lainnya disesuaikan dengan kebutuhan Anda sebagai pemilik blog. Penggunaan form ini sangat praktis dan Anda tidak akan tergantung kepada pihak ke-3 seperti pada artikel saya lain yaitu membuat form online gratis. Anda bisa menempatkannya di side bar dan bisa juga di manfaatkan pada halaman terpisah sekali pun.


Apa pentingnya membuat form kontak blogger pada blog?, selain kegunaan yang saya info kan pada paragraf pertama, dan mempercantik tampilan blog, form ini juga membuat pengunjung akan dengan mudah mengirimkan pesan langsung dari blog Anda tanpa harus menutup halaman blog, mencatat alamat email yang dituju, log in email sendiri kemudian baru kirim pesan. Dengan form tadi pengunjung langsung menulis dan kirim langsung dari blog Anda, mudah-kan?

Bagaimana cara mengetahui pemilik blog ketika ada pengunjung yang mengirim pesan melalui kontak form? setelah pengunjung menulis isi pesannya maka akan masuk otomatis ke email admin blog. setelah itu Anda tinggal merespon secepatnya sesuai dengan apa yang ditanyakan dalam isi form tersebut.

Cara menambahkan blogger contact form widget pada blog sebagai berikut:

1. Log in blogger Anda sampai kepada halaman dashboard
2. Masuk ke menu layout
3. Klik link "Add a gadget" pada posisi side bar atau tempat dimana Anda akan meletakan form.
4. Pada halaman pop up gadget, klik "more Gadgets"
5. Klik Contact Form
   
   
6. Isikan judul form widget
   
   
7. Lihat hasilnya di halaman depan blog Anda.
   

Blogger kontak form ini terdapat 4 bagian, yaitu:

• Nama: Nama pengnjung yang mengirim pesan
• Email: Alamat email pengunjung yang mengirim pesan
• Pesan: isi pesan pengunjung
• Tombol kirim: klik tombol kirim (send) untuk pengunjung yang mengirim pesan.

Bagi Anda pemilik blog, isi pesan yang telah dikirim pengunjung akan masuk ke email admin seperti berikut:


Anda akan dengan mudah membalasnya pada kolom yang sudah disediakan.


Dengan adanya kontak form ini, maka komunikasi antara pemilik blog dan pengunjung akan semakin cepat.
Salam Blogger!

Read More

Cara membuat blog gratis dengan blogspot

By: Rangga0411 on 10:45 AM

Cara membuat Blog gratis terbilang sangat mudah, dalam hitungan menit blog sudah bisa selesai dibuat dan Anda sudah bisa menyalurkan tulisan-tulisan Anda. Saat ini penyedia blog gratis sudah banyak sekali dan sangat mudah didapatkan di internet, namun tentu dari setiap penyedia tersebut terdapat kelebihan dan kekurangannya masing-masing. Blog gratis yang sering dipakai saat ini adalah dari blogspot (blogger) dan wordpress. Pada kesempatan ini saya akan membahas bagaimana pembuatan blog murah dan gratis dengan memanfaatkan blogger.

Dengan berjalannya waktu, penggunaan Blogspot tidak hanya untuk tulisan semata, namun sekarang lebih banyak dimanfaatkan untuk mencari penghasilan tambahan atau malah sebagai penghasilan utama yang didapat dari sebuah blog. Kemudahan dalam pembuatan blog dengan blogspot didukung oleh empunnya blog ini yaitu Google, salah satu kemudahan-nya adalah pengindex-an otomatis oleh Google ketika sebuah blog dari blogspot dibuat dan ketika setelah posting artikel, dan dengan komunitas blogger yang banyak juga tingkat keamanan blog yang baik atau aman dari phising diyakini Blogger adalah satu-satunya aplikasi blog yang terbaik saat ini.

Tahapan Cara membuat Blog:

1. Pastikan Anda sudah mempunyai sebuah akun email GMAIL.
2. ketik url di address bar : www.blogger.com
3. Masukan id gmail Anda pada kolom yang tersedia
   
   
   
4. Anda akan masuk ke bagian profile edit untuk Google+, agar langsung ke proses pembuatan blog, silahkan klik "lanjutkan ke Blogger"
   
   
   
5. Klik Blog baru
   
   
6. Pada menu buat blog baru, isi Judul blog, alamat blog, dan template yang akan anda pilih.
   
   
   • Judul blog: Nama Blog dan akan tampil di Header beranda
   • Alamat blog: alamat url yang nantinya terdapat di address bar internet browser.
     Pada isian alamat blog, secara otomatis blogger akan mengecek ketersediaan alamat blog yang Anda pilih. Apabila tertulis "alamat blog tersedia" berarti alamat blog yang Anda pilih bisa dilanjutkan, dan sebaliknya apabila tertulis "alamat blog tidak tersedia" menandakan bahwa alamat blog yang Anda pilih sudah dipakai orang lain, silakan isi dengan alamat lain.
   • Pilih template: Pilih template sesuai dengan selera Anda, namun jangan khawatir ke-depannya template ini bisa di rubah dengan template default blogger yang lain atau dengan template-template gratis maupun berbayar yang beredar di internet.
7. Klik 'Buat blog atau Create blog!" apabila Anda sudah mengisi dan memilih template yang sesuai.
8. Selesai, sekarang Anda sudah mempunyai sebuah blog dan siap untuk memulai memposting sebuah artikel.

Pada tahap 8 diatas adalah informasi sampai pada tahap dimana Anda mempunyai sebuah alamat blog dengan tampilan blog masih default, namun di tahap ini Anda sudah bisa memposting sebuah artikel.
Demikian cara membuat blog gratis dengan memanfaatkan blogger atau blogspot. Silakan lihat pada kategori "Panduan dasar blogspot" untuk mengetahui atau melanjutkan ke materi yang lainnya. Salam Blogger.

Read More

Membuat tulisan berjalan marquee blogspot

By: Rangga0411 on 8:14 AM

Artikel cara membuat tulisan berjalan marque pada blogspot. cara ini sebenarnya sudah saya bahas pada artikel saya yang lalu dengan judul cara membuat tulisan bergerak di blog, namun pada kesempatan kali ini saya akan jelaskan kembali manfaat dari penggunaan kode marquee juga penambahan variasi kode marquee atau kode tulisan berjalan yang belum sempat dibahas pada artikel pertama.
Tulisan berjalan yang dipasang pada sebuah blog akan menambah tampilan blog menjadi menarik dan tentunya isi/konten informasi dari tulisan berjalan tersebut bisa menjadi pusat perhatian pengunjung. Tulisan berjalan marque ini biasanya berisi tentang info penting misal: iklan, No kontak admin, promo sebuah produk atau bisa juga dijadikan sebagai tulisan selamat datang bagi pengunjung.
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:

<marquee>TULISAN INI YANG AKAN BERJALAN</marquee>

Hasil tampilannya:
TULISAN INI YANG AKAN BERJALAN
 

Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah:

• Mengubah kecepatan pergerakan dari kecepatan standar.
  Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
  Contoh kode marquee:
  <marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee>
  Hasil tampilannya:
  KECEPATAN TULISAN INI DELAY 0.5 DETIK

• Mengubah media teks yang bergerak.
  Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
  contoh kode marquee:
  <marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee>
  Hasil tampilannya:
  TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA

• Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE
  Anda bisa memakai kode onmouseover="this.stop()" onmouseout="this.start()", jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.
  Contok kodenya:
  <marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee>
  Hasil tampilannya:
  TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS

• Membuat Link pada tulisan berjalan
  Anda bisa menggunakan kode <a href="alamat url link">nama link</a>, jadi ketika tulisan berjalan ini diklik maka akan akan masuk ke link yang sudah ditentukan. Agar maksimal maka penggunaan kode link ini dipadukan dengan kode berhenti ketika kursor melintas dan kode pergerakan dari atas kebawah:
  Contoh kodenya:
  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
  <a href="http://jasapembuatanblog-murah.blogspot.com">Jasa pembuatan blog murah</a><br/>
  <a href="http://jasapembuatanblog-murah.blogspot.com/2012/12/toko-online-wordpress-2-dengan-fitur.html">Toko online wordpress</a><br/>
  <a href="http://jasapembuatanblog-murah.blogspot.com/2013/01/fitur-seo-on-page-blogger.html">Fitur SEO Blogger</a></marquee>
  Hasil tampilannya:
  Jasa pembuatan blog murah
  Toko online wordpress
  Fitur SEO Blogger

Karena pada artikel pertama banyak yang menyakan cara memasangnya pada blog, maka saya akan jelaskan cara memasang kode marquee pada blog anda:

1. login ke blogger 
2. Klik menu Tata Letak
   
   
3. Klik Tambah Gadget
   
   
4.  Pilih widget HTML/Javascript
   
   
5. Pasang Kode yang sudah dijelaskan diatas.
6. Tempatkan gadget baru anda pada tata letak yang anda inginkan.

Note: kode diatas selain bisa di area tataletak/widget, anda juga menyisipkannya pada artikel/postingan anda, tentunya pada halaman posting rubah dahulu fungsi Compose ke HTML dan sisipkan kode yang telah disiapkan pada paragraf yang ditentukan.

Demikian paparan cara membuat tulisan berjalan merquee di blogspot. semoga kedepannya saya bisa menulis kode-kode ayng lebih banyak lagi. Salam Blogger.

Read More