Saturday, May 31, 2014

Membuat Daftar Isi

Membuat Widget Daftar Isi, berikut tutorialnya :
  • Pada dashboard blogger, klik Tata Letak.
  • Klik Tambah Gadget.
  • Pilih HTML/Javascript.
  • Silakan beri judul pada widget. Lalu letakkan kode berikut :
    <div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
    <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
    <script src="http://tokoonlinemurahbandung-id.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    • Ganti Alamat tokoonlinemurahbandung-id.blogspot.com dengan url / alamat blog Sobat.
    • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah ini :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js
  • Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.

TUTORIAL JOOMLA SEDERHANA



TUTORIAL JOOMLA

Joomla adalah aplikasi yang digunakan untuk membuat website. Joomla bersifat open source sehingga bebas untuk dimodifikasi sesuka hati kita. Tentunya ini sangat bermanfaat khusus bagi orang-orang yang ingin memperdalam ilmu pemrograman web. Joomla program yang mudah.
Langkah-langkah membuat menu,sub menu,artikel, dan kategori pada joomla.
  1. Menambahkan menu.
  • Ketikan localhost/nama folder hasil ekstrak/administrator
  • Akan muncul halaman login seperti berikut

Isikan user name,dan password Username : admin, password : admin
kemudian klik Log in
  • Berikut ini halaman administrator setelah log in
Menambahkan menu, pada halaman web
  • Klik Menus > pilih main menu > add menu item
  • Akan muncul tampilan seperti berikut ini
Isi kan data-data yg di perlukan,kemudian klik “Save & Close”
  • Berikut tampilan menu yang telah dibuat tadi.
 
 Mengisikan isian pada kolom menu
Langkah - langkah membuat menu item

§  Pilih menu utama yang mau di tambahkan menu item.
Menus  à add new menu item



§   Kemudian Isi form “ menu item type (single articel) , menu title” à save & close. (gambar 1.2)


MENU ITEM TYPE :untuk menu baru bisa pilih category blog
Atau single content.
Menu title, alias diisi juga




2. Menambahkan artikel
  • Pada menu administrator klik content > article manager > add new article
  •  
  • Akan muncul tampilan berikut ini

Jika sudah diisi, klik “Save & Close”
  • Artikel yang telah dibuat dapat dilihat pada saat memilih artikel
81 Membuat Menu, Sub Menu, Artikel dan Kategori Pada Joomla

3. Membuat sub menu
  • Klik Menus > pilih main menu > add menu item



  • Akan muncul tampilan seperti berikut ini

Isi kan data yang sama seperti saat membuat “Menu”,tapi bedanya pada parent item kita pilih menu mana yang akan jadi sub menu ini.jika sudah klik “Save & Close”
  • Sub menu yang telah dibuat telah jadi.


4. Membuat kategori.
  • Pada menu administrator klik,content > category manager > add new category
121 Membuat Menu, Sub Menu, Artikel dan Kategori Pada Joomla
  • Akan muncul  tampilan seperti berikut ini.
Isikan judul kategori, alias, dan deskripsi tentang kategori.Jika telah selesai menulis klik “save & close”.
  • Kategori yang telah dibuat tadi dapat dilihat pada menu administrator > category.


MEMASUKKAN MENU KE HALAMAN WEBSITE

Klik Main menu > menu item type : isi category blog
                              Required setting : isi kategorinya
                              Category option : biarkan
                              Blog lay out option : leading articles : isi 3
                                                               Columns : isi 1
                            Article option isi : show title : hide
                                                         Show categori : hide
                             Page display option : isi browser  page title : isi dengan nama kategori.


MENAMBAH GAMBAR ATAU IMAGE PADA ARTIKEL

·  Masuk ke dalam article manager
·  Pilih artikel mana yang ingin disertakan gambar atau klik New jika ingin memasukkan gambar pada postingan baru.
·  Pada kolom tulisan artikel, terdapat shortcut atau icon Insert/edit image. Jika bingung mencarinya, bentuk iconnya seperti pohon  atau disebelah kanan icon berbentuk jangkar. Klik icon insert/edit image tersebut.
·  Isikan alamat URL gambar yang ingin dimasukkan pada image URL, deskripsi tentang gambar pada image description, dan alignment untuk menentukan posisi image yang nantinya ditampilkan.
·  Klik Insert. Jika berhasiil, akan muncul gambar dalam kolom tulisan artikel Joomla Anda.
·  Kemudian klik Save. Klik preview pada bagian atas kanan untuk melihat hasilnya di frontend.
Menggunakan Panel Image
Klik pada Panel Image dan akan muncul gambar berikut:

Kita juga dapat memasukkan gambar yang ada dalam web hosting pada langkah ini. Tampak pada gambar beberapa gambar yang terdapat pada web hosting  atau administrator Joomla. Selain itu kita juga dapat memasukkan gambar melalui alamat url gambar. Jika ingin memasukkan gambar yang ada pada komputer, klik Browse dan setelah mendapatkan gambar klik Start Upload dan beberapa saat gambar akan segera masuk pada editor dan gambar tersebut juga akan tersimpan pada web hosting atau administrator Joomla Anda.

MENGHAPUS ARTIKEL
langkah-langkahnya sebagai berikut.
  • Login ke dalam halaman admin Joomla Anda.
  •  
  • Klik Content >>> Article Manager atau langsung klik icon “article manager”.
  •  
  • Pilih article yang akan dihapus atau centang check box article tersebut, kemudian klik “trash” di bagian atas kanan halaman article manager.
  • Article Anda telah terhapus secara temporal atau sementara. Jika Anda ingin menghapusnya secara permanen, pergi ke article trash dari menu content >>> article trash.
  • Pilih kembali article yang akan dihapus permanen atau centang check box, kemudian klik “delete” di bagian atas kanan halaman article trash tersebut.
  • Article Anda telah terhapus secara permanen.
  •  





Friday, May 30, 2014

TUTORIAL TOKO ONLINE






Toko online ini menggunakan CMS toko.

KATEGORI
  adalah : jenis barang yang dijual.
       Biasanya dia berderet diatas, dan jika kita klik dia akan menampilkan produk yang dipilih pada kategori tersebut.

PRODUK
 adalah : barang yang dijual.


CARA MEMBUAT KATEGORI

1. Klik "Katalog" pada halaman admin anda.
2. Pilih menu kategori.
3. Klik " tambah", akan muncul halaman dengan profil General .
    Pada General anda tulis nama kategori, meta tag description, meta tag keyword,
    dan deskripsi .
    Profil Data : sebagai induk kategori anda tulis juga kategorinya.
                        Jika bukan induk kategori, sebaiknya dikosongi saja alias none.
       stores : dibiarkan saja
        SEO keyword : isi dengan kata  kunci dan pisahkan dengan tanda -.
        Gambar : cari file, cari gambar upload dulu setelah gambar dikecilkan dan disimpan
                         di file data.
         Atas       : centang
         Kolom    : diisi 1
          sort order : urutan pada kolom
          status       : aktif

    Profil Desain : pilih "Category"

  Klik " Simpan" selesai.

CARA MEMBUAT PRODUK

1. Pilih " Katalog" pada halaman admin anda.
2. Pilih menu Produk
3. Klik "tambah"
    Akan muncul profil :
    General :    isi "nama produk", deskripsi tag meta, kata kunci, deskripsi produk, tag produk.
     Data : isi  "Model"  :  adalah kode barang
                       "SKU "   :   sama dengan kode barang
                      UPC s/d Lokasi  : dikosongi
                       Harga : isi harga tanpa rp atau titik
                        jumlah : isi 100
                        jumlah minimal : 1
                        kurangi stok : ya
                        status persediaan habis : out of stock
                        memerlukan pengiriman  : ya or not
                        kata kuci SEO : isi
                        gambar : pilih dari file data
                         tanggal tersedia :  isi tgl
                        dimensi produk, panjang, berat : di isi kalo ada
                         status : aktif
                         sort order : urutan pada tampilan kategori.
  
       Links   , pada links ini akan muncul kolom :
                      Merk : isi merk nya
                      Kategori :  isi  seperti kategori di atasnya.
                      toko  : default di centang
                      download : dkosongi
                      Produk terkait : diisi produk yang sejenis atau berkaitan.
       Atribut
       Opsi :      berkaitan pada data yang dimasukkan
                             pada kolom opsi akan muncul pilihan :
                              misalnya tentang  size maupun warna dll
                              diisi nilai pilihannya misalnya untuk size :  M, S, XL, All size
                               untuk warna : misalnya biru, ungu, abu-abu dll
      Diskon :
      spesial :
                    
      Gambar : pilih "tambah"
                                        telusuri file , upload gambar yang ada di file data.
                                       sort : untuk mengurutkan gambar produk.
      Poin hadiah :
      Desain : isi "Product"

   Klik : "Simpan"  Selesai.


CARA MENGHAPUS KATEGORI

1. Centang kotak disamping nama kategori.
 2. Klik : "Hapus "
  selesai.

 CARA MENGHAPUS PRODUK
1. Centang kotak disamping nama produk
2. Klik "Hapus"
 selesai.

CARA MENAMBAH INFORMASI
 informasi ini berisi tentang : about us, delifery information, privacy policy, kondisi.
tampil di kolom bawah ataupun di kolom samping kiri setelah di klik kategori atasnya.
caranya :
1. Klik " Katalog "
2. Pilih "Informasi", kemudian isikan segala keterangan yang anda ingin sampaikan.
  Pertama edit dulu, kemudian isi general, data dan desain.
Klik " simpan"


CARA MEMBUAT PRODUK TERBARU
1. Klik " Ekstensi" pilih " Modul " kemudian  pilih "Terbaru" dan di edit.
2. isi "Batas" : diisi dengan angka berapa gambar yang ingin ditampilkan di kolom terbaru
     status : pilih "aktif : , sort order " 1
 selesai klik Simpan

   gambar (L X T ) : isi 150 X 150
    tampilan : pilih " home"
    posisi : konten bawah.

CARA MEMBUAT KONTEN
 Konten adalah informasi yang ditampilkan , bisa berupa pengetahuan produk, info reseller/ dropship, berita terbaru dll.
1. Klik "Ekstensi"
     Pilih Modul, kemudian pilih Content, dan silahkan edit .
     Akan muncul ruang kerja yang berisi data dan pilihan module content yang diinginkan.
2. Klik simpan
  selesai.

cara ini dipakai juga untuk merubah/menambah module lain seperti :
1. Merubah dan menambah no rekening.
2. Menambah module gambar yang diinginkan misalnya gambar JNE, TIKI, Kantor pos
3. Merubah tampilan yahoo massenger.
4. Menambah gambar kalkulator dll.
5. Menampilkan Fan page FB
Tapi sebaiknya konten atau berita lebih baik ditulis di menu "News" , karena tampilannya lebih bagus
dan ada border samping.

CARA MENAMPILKAN PRODUK UNGGULAN

1. kLIK "eKSTENSI" pilih " Modul" dan pilih "Unggulan"
2. Klik "edit"
3. silahkan isi sesuai keinginan anda untuk produk yang ingin ditampilkan pada Feature/ unggulan
     Produk (auto complate) : isi produk yang dipilih.
     Batas : isi 4 atau 5
      Gambar :(LXT) : 150 . 150  
      Tampilan : Home
       Status  : aktif
       Sort order : urutan gambar.
4. Selesai  Klik "Simpan"


       Posisi : konten bawah
      

CARA MEMBUAT ATRIBUT UNTUK TAMBAHAN KETERANGAN PRODUK
1. Klik katalog
2. Pilih "pilihan"
3. pilih size.....edit  : ketik ukurannnya.
4. simpan.

5. Untuk penerapannya : pilih “katalog” klik “produk”  edit dan klik " opsi"
     tambahkan nilai pilihan
6. simpan.

CARA MEMBUAT PRODUK PROMO

 cara membuat produk promo sama dengan langkah cara membuat berita terbaru.
 1.  Pilih Ekstensi Klik "Modul"
 2. pilih "News " klik Edit
 3.Klik "Add/ edit news"
4. Pilih Produk promo dan klik "edit"
  silahkan diisi sesuai keinginan.
   Headline , meta descripsinya, keterangan promo (pada kolom Entries by language")
    Common setting , SEO keyword, dan pilih gambarnya, status aktif ( pada kolom Common setting)
5. Selesai...klik simpan

CARA MEMBUAT ALAMAT TOKO/ PESAN SELAMAT DATANG

1. pILIH eKSTENSI , Klik Modul pilih " Selamat Datang"
2. Isi Pesan selamat datang. Bisa berupa tulisan , gambar maupun keterangan lain yang diinginkan.
     Tampilan : Home
      Posisi : konten atas.
      Status : aktif
       Sort order : 1
3. selesai klik simpan.

PENGATURAN
Adalah menu untuk mengatur informasi dari toko kita. Misalnya : Nama toko, Pemilik toko, alamat toko,
Email toko, telepon, fax . (terdapat pada menu General)
Terdapat kolom Judul, deskripsi meta tag, template yang diinginkan, ( terdapat pada menu Toko)
Diisi kolom negara, propinsi, bahasa, mata uang, update mata uang otomatis, satuan panjang, berat
(terdapat pada kolom Local)
Pada kolom Gambar anda bisa isi : logo toko, icon gambar, dan selanjutnya ukuran dibiarkan apa adanya.
Pada kolom mail : sudah disetteng untuk bisa menerima email pada saat ada pesanan yang masuk.


     FUNGSI SORT ORDER
Sort order adalah menu untuk mengurutkan baik itu urutan kategori diatas, maupun urutan produk yang kita kehendaki.

Penulisan pada  SEO Keyword
Penulisan Seo Keyword sebaiknya tidak sama untuk tiap produk yang diupload, diusahakan berbeda sebaiknya menambahkan garis penghubung ditiap kata dan menambah karakter huruf maupun angka untuk tiap produk yang sama.
 Misalnya untuk produk dress, SEO keywordnya : dress-wanita-1. Sebab untuk SEO keyword yang sama akan membuat produk yang dimaksud tidak bisa tampil pada kategori yang kita inginkan. Dan selanjutnya apabila kita mengisi gambar lagi pada kategori yang sama, isi untuk SEO Keywordnya dengan : dress-wanita-2
PENAMAAN GAMBAR PADA FILE DATA
Pada saat kita melakukan save pada gambar yang kita input pada file kita, beri nama dengan menggunakan huruf kecil, disambung atau dengan menggunakan garis hubung bawah maupun tengah.
Hal ini berkaitan dengan bahasa mesin/ server. Karena kalau menggunakan huruf besar dan dipisah dikhawatirkan gambar kita pada website tidak akan bisa dipanggil mesin dan akibatnya gambar kita tidak tampak.

CARA MEMBUAT HEADER ATAS
1.       Buka halaman Photoshop CS3
2.       Buka file New dengan ukuran 1040 X 315, artinya weidth : 1040  dan heidht : 315 dengan ukuran pixel.
3.       Silahkan buat gambarnya sesuai selera desain anda.
4.       Untuk penerapan di halaman admin silahkan klik”  Sistem” pilih “Desain” dan klik “banner”
5.       Edit pada gambar yang dimaksud.
6.       Save