Cara Membuat Toko Online dengan Blogspot Bag 3

Cara Membuat Toko Online dengan Blogspot Bag 3

Setelah kita membahas Cara Membuat Toko Online dengan Blogspot bagian pertama dan kedua, sekarang kita membahas bagian akhirnya yaitu bagian ke 3. Jika kamu belum mengikuti tutorial sebelumnya, kamu bisa mengikuti tutorialnya dibawah

Cara Membuat Toko Online dengan Blogspot Bag 1

Cara Membuat Toko Online dengan Blogspot Bag 2

 

25. Untuk membuat menu kategori anda harus tahu link URL kategori tersebut, caranya silahkan anda lihat blog anda, pada bagian label silahkan anda klik kanan dan Copy Link Location paste kan ke notepad atau word supaya anda mendapatkan alamat URL kategori tersebut. Lakukan untuk tiap link Label anda.

 

Hasil paste link location ke Notepad, agar mudah copy link tersebut untuk menu kategori.

26. Untuk membuat Menu agar menampilan kategori produk ataupun halaman Order yang telah kita buat, silahkan anda masuk ke menu Template dan klik Edit HTML.

27. Untuk mencari Sript Menu silahkan tempatkan kursor anda didalam form HTML lalu ketik pada keyboard anda CTRL+F  dan ketikkan <nav id=’menu’>

28. Untuk memastikan tidak ada yg salah, berikut script HTML menu yang harus anda ganti

  • Script bawaan tempate agar dihapus :

 

  • Edit menjadi :

 

  • Contoh diatas merupakan alamat URL kategori yang saya buat, dan sesuaikan alamat URL kategori anda masing-masing, sebagai format sebagai berikut:

 

29. Menu sudah selesai, saatnya anda setting untuk Tata Letak baik itu Header, Sidebar, Main dan Footer. Untuk setting tata letak anda bisa ke menu Tata Letak seperti pic dibawah.

 

 

30. Untuk mengganti Logo yang berada di pojok kiri atas, anda bisa edit di Header seperti pic dbawah, dan anda bisa mengganti dengan logo anda, sebaiknya size logo anda 310 x 82 px.

31. Untuk setting tampilan product jika anda ingin menampilkan berapa banyak produk perhalaman anda bisa setting di Tata Letak > Main seperti pic dibawah.

 

32. Untuk Setting Most View Product anda bisa rubah di menu Tata Letak > Sidebar. Anda bisa tentukan berapa banyak ditampilkan.

 

33. Untuk Area Footer anda bisa setting di Tata Letak > Footer, tinggal anda sesaikan dengan kebutuhan anda.

 

Untuk disain toko online di blogspot telah selesai, jika anda memang serius ingin di bisnis online saya sarankan saat nya anda membeli domain untuk toko online anda. Agar domain yang sudah anda beli menjadi lebih baik dalam tingkat kepercayaan terhadap calon pembeli anda.

Semoga Cara Membuat Toko Online dengan Blogspot ini bermanfaat bagi anda.

 

  • avatar image
    adunk
    September 24th, 2018 at 11:01 am

    Sory gan Untuk #28 contoh Scriptnya koq ga ada ya..

    Reply
  • avatar image
    samil
    October 20th, 2018 at 6:45 pm

    gimana cara buat order now nya. mohon arahannya

    Reply
    • avatar image
      Dokter Web
      November 16th, 2018 at 11:07 am

      Sudah di jelaskan di youtube mas, coba di ulang lg

      Reply
  • avatar image
    Han
    February 7th, 2019 at 5:29 am

    mas kok saya gak bisa masuk kemenu order padahal saya udah buat halaman cara order. tolong solusi nya gan

    Reply
    • avatar image
      Dokter Web
      March 31st, 2019 at 8:35 pm

      buat dulu menu ordernya, masuk nya ke setingan coding blogspot, ada di tutorial youtube saya kok, tonton perlahan

      Reply
  • avatar image
    hafiz
    February 23rd, 2019 at 8:59 am

    cara menjalankan menu “order now”di produk gimana mas

    Reply
    • avatar image
      Dokter Web
      March 31st, 2019 at 8:33 pm

      ada di youtube mas, coba di tonton perlahan

      Reply
  • avatar image
    Machfud
    September 11th, 2019 at 7:05 am

    Bagus, semoga web nya tambah laris ya mas

    Reply
    • avatar image
      Dokter Web
      September 12th, 2019 at 9:35 am

      thanx mas, semoga sukses ya

      Reply
  • avatar image
    Aldi
    October 10th, 2019 at 10:05 am

    untuk tulisan harga punya saya kok nggak keluar ya?

    Reply
    • avatar image
      Dokter Web
      January 1st, 2020 at 8:59 pm

      coba perhatikan lg tutorial videonya, jangan di lompat2

      Reply
  • avatar image
    crewol
    November 6th, 2019 at 9:04 pm

    mas cara menambahkan sub pos di menu itu bagaimana ya?
    hehehehe

    Reply
    • avatar image
      Dokter Web
      January 1st, 2020 at 8:56 pm

      harus masuk ke editor template html nya mas

      Reply
  • avatar image
    attha illah fajri batu bara
    December 27th, 2019 at 3:20 pm

    kak mau tanya..
    saya sudah ikuti tutorial yang kakak buat..
    dan ada kendalah di bagian menu kak, semalam saya buka masih bisa dan hari ni saya coba lgi gak mau di buka kak..

    apa masalahnya ya kak?

    Reply
    • avatar image
      Dokter Web
      January 1st, 2020 at 8:58 pm

      nah loh, sy belum pernah kejadian seperti itu

      Reply
  • avatar image
    tri
    October 13th, 2020 at 9:14 pm

    Terima kasih Mas, Alhamdulillah berhasil bikin toko online setelah ngikuti tutorialnya pelan-pelan.

    kalau misalnya mau bikin link order lansung ke no whatsapp gimana caranya mas?

    Reply

Leave a comment