Promo

Tampilkan posting dengan label Website. Tampilkan semua posting
Tampilkan posting dengan label Website. Tampilkan semua posting

7.3.13

Memajang Web di Facebook Page

Dulu, pernah ada FBML untuk memasang tampilan berbasis html dan JavaScript di Facebook Page. Namun, seiring waktu, fasilitas itu dihilangkan. Sebagai penggantinya, ada iFrame. Ini lebih mudah dibanding FBML. Kita tidak bahkan tidak perlu menguasai HTML atau JavaScript, meskipun fasilitas itu ada.

Kali ini, saya memberi contoh yang paling sederhana, memajang tampilan web di Facebook page.

Klik link berikut ini. Anda bisa menggunakan aplikasi lain dengan mengetik kata kunci ‘iFrame’ di kotak pencarian Facebook.

Klik Install Page Tab.

clip_image002

Pilih page yang akan dipasang lalu klik Add Page Tab.

clip_image004

Klik Authorize the Tab Application.

clip_image005

Klik Go to App.

clip_image007

Pilih URL lalu masukkan alamat web/blog Anda lalu klik Save Settings. Anda juga bisa memajang halaman tertentu, misalnya halaman About/Kontak.

clip_image009

Hasilnya seperti ini.

clip_image011

clip_image013

2.10.12

Membuat shortcut web di iPad & iPhone

Pada artikel sebelumnya, saya menulis tentang cara membuat shortcut Google Maps di iPad maupun iPhone. Sebenarnya, halaman web lain juga bisa kita buat, misalnya blog/web milik kita atau halaman web yang paling sering dikunjungi.

Cara membuatnya sebagai berikut.

  • Buka web yang akan dibuat shortcut.
  • Tap tombol sharing lalu tap Add to Home Screen.

clip_image002

  • Ketik nama shortcut lalu tap Add.

clip_image004

Shortcut sudah dibuat. Bila kita tap, otomatis akan membuka web yang kita inginkan.

clip_image006

28.9.12

Joomla! 3.0 telah hadir

Tampaknya Joomla! makin memanjakan pengguna. Baru saja meluncurkan Joomla! versi 3 yang hanya 3 langkah untuk menginstalnya. Sample data pun sekarang ada 5 pilihan, blog, brosur, dan lainnya. Penasaran ingin tahu seperti apa isinya? Silakan download Joomla! 3 lalu instal seperti berikut.

  • Pindahkan folder instalasi ke htdocs lalu buka di browser.
  • Langkah pertama konfigurasi. Isi kolom yang disediakan lalu klik Next.

clip_image002

  • Langkah kedua mengisi database. Klik Next.

clip_image004

  • Langkah ketiga ada pilihan contoh data. Pilih salah satu lalu klik Install.

clip_image006

  • Tunggu proses instalasi.

clip_image008

  • Klik Remove instalation folder.

clip_image010

  • Klik Administrator lalu login.

clip_image012

Tampilan administrator seperti gambar berikut.

clip_image014

Tampilan utama web seperti gambar berikut. Saya memilih blog pada sample data.

clip_image016

21.12.11

Virtuemart mendukung Joomla! 1.7

Kabar baik bagi yang sudah menggunakan Joomla! 1.7, kini virtuemart sudah bisa diinstal di versi tersebut. Sayang, virtuemart 2.0, sampai artikel ini ditulis, belum menyediakan bundle untuk Joomla! 1.7, sehingga kita perlu waktu untuk mengatur modul produk yang ditampilkan di halaman muka.

Jika Anda ingin menginstalnya, silakan download virtuemart 2.0 di sini. Lalu instal seperti berikut.

Klik Extensions > Extension Manager.

clip_image002

Klik Pilih Berkas.

clip_image004

Pilih komponen virtuemart lalu klik Open.

clip_image006

Klik Upload & Install.

clip_image008

Klik Instal Sample Data (bisa diabaikan).

clip_image010

Daftar sample produk yang diinstal.

clip_image012

Karena belum ada bundle, otomatis kita perlu menambahkan dan mengatur modul. Silakan instal komponen yang satunya lagi untuk menambahkan dan menampilkan modul di halaman muka website.

Contoh produk yang ditampilkan.

clip_image014

13.9.11

Editor nyaman posting pun nyaman

Website tidak terlepas dari konten. Supaya ketika menulis konten nyaman, tentu kita harus menggunakan editor yang memudahkan kita menulis, menyisipkan gambar, video, dan lain sebagainya. Pada Joomla!, kita bisa memilih editor sesuai kebutuhan. Pada Joomla! versi 1.5 ke bawah, biasanya menggunakan TMEdit. Namun, ketika artikel ini ditulis, pada versi 1.7 belum ada. Lalu, ekstensi apa yang bisa kita gunakan? Kita bisa menggunakan ekstensi JCE. Tampilannya seperti apa? Mari kita simak.

Instal komponen JCE pada Joomla! 1.7.

clip_image002

Pilih Editor JCE di Global Configuration.

clip_image004

Fiturnya lumayan lengkap.

clip_image006

Dengan editor ini, bagi Anda yang senang memublikasikan gambar, video, tabel, dan banyak fitur lainnya. Berikut ini beberapa editor bawaan Joomla! 1.7.

clip_image008

Editor CodeMirror

clip_image010

Editor TinyMCE.

Jika hanya posting tulisan dan gambar yang sederhana, menggunakan editor bawaan juga sudah cukup.

9.9.11

Mengatur SEO pada Joomla! 1.7

Setelah mengisi meta, selanjutnya kita juga bisa mengatur SEO supaya proses index oleh mesin pencari lebih optimal. Masih di halaman Global Configuration, kita bisa melakukan beberapa pengaturan tentang SEO. Misalnya, menampilkan nama website pada Title Bar.

clip_image002

Klik Save.

clip_image004

Hasilnya sebagai berikut.

clip_image006

Mengatur meta tag pada Joomla! 1.7

Saat menginstal, sekilas sudah saya jelaskan cara mengubah meta. Fungsinya supaya website yang kita buat, bisa dikenali dengan mudah oleh mesin pencari. Jika Anda ingin mengubah atau menambahkan beberapa kata kunci, caranya sebagai berikut.

Di halaman utama admin, klik Global Configuration.

clip_image002

Ubah sesuai yang Anda inginkan.

clip_image004

Klik Save.

clip_image006

Mencoba Joomla! 1.7

Meskipun sudah lama launching, tetapi saya belum mencobanya. Penasaran juga, bagi yang belum, mari kita coba Joomla! 1.7. Katanya, lebih keren. Untuk memastikannya, silakan download lalu coba instal di komputer/laptop Anda.

Seperti biasa, ekstrak file Joomla! 1.7 ke folder htdocs (bila menggunakan XAMPP) atau www (bila menggunakan WAMP). Buka di browser internet.

Pilih bahasa lalu klik Next.

clip_image002

Klik Next.

clip_image004

Klik Next.

clip_image006

Isi parameter database lalu klik Next.

clip_image008

Klik Next.

clip_image010

Klik Instal Sample Data.

clip_image012

Pada bagian Site Name, klik Advance Settings lalu isi deskripsi dan meta (untuk index di mesin pencari, bisa diatur kemudian). Isi username dan password admin lalu klik Next.

clip_image014

Klik Remove installation folder.

clip_image016

Klik Administrator untuk masuk ke halaman admin atau Site untuk melihat halaman utama web.

clip_image018

Login ke halaman admin.

clip_image020

Tampilan utama admin Joomla! 1.7 seperti gambar berikut.

clip_image022

Halaman utama sebagai berikut.

clip_image024