Tuesday, May 19, 2015

Cara Edit HTML untuk Mengindeks Menu di Blog

Tags


Pada postingan kali ini saya akan membahas soal penglaman saya mengubah tampilan blog menjadi toko online. Toko itu saya beri nama http://lotamarket.blogspot.com. Nama lota saya dapat dari kamus bahasa jerman dan marketnya sudah tentu bahasa inggris.
Baik langsung saja, saya bercita-cita ingin membangun toko online untuk membantu istri saya berjualan melalui internet. Selama ini pejualan barang2 hanya dilakukan melalui media social dan BBM.
Kemudian saya teringat pernah membuat blog yang using karena jarang diisi. Blog itu kemudian saya rubah. Beberapa template toko online yang didapat secara gratis saya pilih dan saya coba satu persatu.
Caranya log in dulu ke blogger.com kemudian pilih template. di sudut kanan atas ada tombol “cadangkan/pulihkan” (kalo yang pake bahasa inggris mungkin namanya beda, tapi letaknya sama)—klik dulu tombolnya
Muncul jendela unduh template lengkap, choos file dan upload. Lakukan dulu pencadangan dengan mengunduh template yang aktif saat ini dan simpan di drive computer untuk berjaga-jaga jika nanti gagal merubah tampilan blog dengan template yang baru..hehee.. maklum, awam
--setelah pencadangan, barulah saya pilih file template yang akan digunakan dengan menekan tombol “choose” (cari dimana tadi kita meyimpan templat yang didownload)
--Karena template nya masih berbentuk arsip atau rar, harus diekstrak dulu
kemudian tekan tombol upload/unggah untuk memasang template ke blogger (biasanya template berbentuk format xml)
--Upload selesai
Klik “lihat blog”
TINGGAL EDIT HTML
Setelah proses upload selesai, tampilan akan kembali ke jendela editing HTML
--pilih edit HTML kemudian cari header 1 untuk melihat daftar menu bawaan. Caranya lompat ke widget di atas dan pilih header 1, atau bisa juga pilih HTML, karena tiap template menempatkan script menu pada tempat berbeda. Cari script dengan tulisan warna hitam. Biasanya itu adalah daftar menu atau tulisan yang akan

Karena modal “pengen” doang tanpa pengetahuan web, saya agak kesulitan ketika harus mengedit template. Padahal hanya merubah menu.
Tapi dengan berusaha memahami dan mencari tutorial yang banyak diinternet, akhirnya saya mencoba dan berhasil. Perubahan memang hanya saya lakukan pada menu untuk ketagori barang yang akan saya jual
Pada header kita juga sebaiknya mengisikan deskripsi blog dan alamat imel. Pada templat gratis biasanya si pembuat template menuliskan arahan menggunakan tulisan warna orange, misalnga href=ambigu@xyz.com=email. Imel ini bisa diganti dengan alamat imel kita
Demikian juga dengn deskripsi blog.
Setelah menu ditemukan, kemudian saya rubah nama-nama menu tersebut yang asalnya home, category 1,2 dan 3 menjadi fesyen pria, fesyen wanita dan boneka
Menu utama seperti category 1 saya copas dan dipastekan dibawahnya untuk membuat menu baru yaitu site map. Namanya tentu saya ganti menjadi site map. Dibelakang tulisan ini biasanya ada kode href=”#”>nama menu<
Tanda # itu nanti diganti dengan link produk
Save dulu template nya.. buka jendela pos artikel dan saya buat artikel dengan label sesuai kategori atau klasifikasi. Label ini akan berguna ketika nanti kita memasang link pada menu2 yang sudah dibuat.
Untuk mempermudah pengelompokan, label saya buat umum seperi untuk flat shoes saya buat label “sepatu” setelah itu publikasikan artikel
Lihat pada widget yang menampilkan label di sisi artikel, klik dan copy HTML yang tampil pada jndela browser seperti http://lotamarket.blogspot.com/search/label/Flat%20Shoes
Link itu kemudian dipaste kan pada untuk menggantikan tanda “#” menu flat shoes yang saya buat pada jendela edit HTML. Simpan template dan reload tampilan jendela blog coba klik menu flatshoes, maka akan tampil daftar barang yang menggunakan label “sepatu”
---sekian dulu, pada artikel selanjutnya saya akan coba berbagi pengalaman membuat formulir pemesanan dan memasangnya di toko online
SALAM



This Is The Oldest Page
Comments
0 Comments


EmoticonEmoticon