Tampilkan postingan dengan label Web Design and Programming. Tampilkan semua postingan
Tampilkan postingan dengan label Web Design and Programming. Tampilkan semua postingan

Rabu, 03 Juni 2009

MEMPERSINGKAT NAMA DOMAIN PADA BLOG

Jika kita membuat blog secara gratis, baik di blogger atau di wordpress kita akan memperoleh nama/domain blog kita seperti ini http://blabla.blogspot.com atau http://blabla.wordpress.com. Bagi yang punya banyak uang mungkin bisa langsung membayar dan bisa memiliki nama domain dot.com. Tapi jangan khawatir , saya punya tips menarik supaya nama web/blog kita menjadi lebih pendek, dan juga tidak perlu bayar. mau tahu caranya?
Ada beberapa layanan di internet yang yang bisa mempersingkat nama domain blog kita. Disini akan saya sebutkan tiga saja , karena selain gratis, cara daftarnya juga gampang, dan tidak ada iklannya. Berikut ini adalah layanannya:
1. co.cc nama blog kita akan menjadi http://namablog.co.cc
2. co.nr nama blog kita akan menjadi http://namablog.co.nr
3. uni.cc nama blog kita akan menjadi http://namablog.uni.cc
Nha jadi lumayan pendek kan? mau tahu caranya? gampang kok, tinggal kunjungi situs tersebut terus daftarkan web/blog kita registrasi truz tinggal next…next and finish
Pengen dijelasin caranya? OK deh kali ini saya akan menjelaskan satu aja, layanan tersebut yaitu . co.cc

Buka website ini http://co.cc maka tampilannnya akan seperti ini:


Gambar 1.1
ketik nama blog/web anda pada kotak yang disediakan sesuai keinginan anda (tuh yang dilingkarin merah) setelah itu klik Check, Jika domain yang anda minta ternyata sudah dimiliki orang lain maka anda akan diminta memasukkan kembali nama domain yang lain, kalau belum ada yang punya domain yang anda minta tinggal klik register now dan ketikan alamat email lalu Sign up !

Lalu akan muncul tampilan form isian untuk melengkapi identitas anda:: (“semuanya wajib di isi !!!”)”pada Account Information anda boleh mengetikan secara asal …”

Setelah mengisi form klik Sign up dan beri checklist pada kotak kecil yang disediakan yang menyatakan anda setuju pada
persaratan yang diberikan

Next akan muncul tampilan berikut , lalu klik Set up Domain

Selanjutnya muncul tampilan berikut :

Kik Pada menu My Domain , lalu pilih Edit dan pilih Option 2 ,untuk setting Domain kita setelah selesai mengedit klik setup domain;

Keterangan :
Target URL : isi {alamat blog/web anda yang akan dipersingkat domainnya}
Title : isi sesuai judul pada blog anda
Language: memilih bahasa
Frame : URL Hiding {nama asli blog anda tidak terlihat di addressbar}/ Path Forwading {menampilkan nama asli blog anda di addressbar}
Lalu akan muncul tampilan konfirmasi seperti gambar berikut ;Bila terjadi kesalahan saat mengedit atau ada yang tidak sesuai anda bisa mengaturnya kembali dengan mengklik Edit

Setelah melakukan langkah-langkah diatas Web/blog anda akan diperiksa dulu oleh tim dari co.cc. masa tunggunya paling lama 24 jam tetapi jika selama 2 hari Domain belum bisa digunakan berarti registrasi yang anda lakukan gagal/ tidak disetujui , tapi jika sudah di approve atau disetujui maka anda dapat langsung memakai nama domain anda yang baru. Oh ya, domain yang lama masih tetap bisa di akses. Trus, catatan lagi nih, disini tidak menerima website yang mengandung unsur pornografi, spam, dan sesuatu yang ilegal.

Selasa, 02 Juni 2009

MENAMPILKAN BERITA DETIKNET DI WEB

Fasilitas RSS Feed sekarang sudah tersedia di detikINET. Lalu bagaimana cara menampilkan feed berita Teknologi Informasi (TI) terkini tersebut di situs atau blog Anda? Seperti yang ada di blog saya ini.

Berikut langkah-langkahnya:

1. Masuk ke URL http://feedjavascript.finderonly.com/.

2. Masukkan alamat http://detikinet.com/index.php/feed/ pada kotak ‘Enter the web address of the RSS Feed’.

3.Modifikasi plihan selanjutnya sesuai keinginan Anda. Jika tidak, biarkan saja apa adanya.

4.Catatan: Salah satu pilihan adalah menentukan jumlah konten sindikasi yang ditampilkan, sebaiknya modifikasi pilihan ini karena nilai default 0 berarti Anda akan menampilkan semua konten feed detikINET yang tersedia.

5.Jika Anda sudah yakin dengan pilihan Anda, coba dulu tampilan feed dengan meng-klik pada tombol ‘Preview Feed’ di kotak ‘Show n’ Tell!’

6.Jika sudah puas dengan tampilannya, klik tombol ‘Generate JavaScript’ di kotak ‘Show n’ Tell!’

7.Selanjutnya akan tampil tulisan ‘Get Your Code Here’ dan sebuah kotak teks berisi kode Javascript. Salin dan tempel (copy-paste) kode tersebut ke blog atau situs Anda.

Selamat Mencoba!

MEMBUAT BLOG/WEB DENGAN MENGGUNAKAN WORDPRESS

Saat ini pembuatan blog atau web site terbilang cukup mudah, hal ini karena adanya suatu sistem yang disebut Content Management System (CMS), yang bisa dikatakan sebagai template web site. Dengan CMS kita tinggal mengupload (copy) CMS ini ke server, menginstallnya setelah selesai tinggal masuk ke administrator untuk mengatur dan mengisi artikel yang diinginkan. Banyaknya CMS opensource yang tersedia kadang membuat kita bingung untuk memilihnya. Tetapi jika masih awam dengan CMS, apalagi belum banyak tahu tentang web programming seperti saya, maka sebaiknya memilih yang sederhana dan mudah, seperti wordpress.

wordpress login

Jika para blogger / pengguna wordpress ditanya mengapa kok menggunakan wordpress? Mungkin sebagian akan menjawab karena kemudahannya dan konfigurasi yang relatif sederhana. Bagi pengguna awal biasanya tidak memerlukan waktu lama untuk bisa menguasai dan memahaminya. Sederhana bukan berarti minim fasilitas. Memang fasilitas bawaan wordpress sendiri mungkin masih belum mencukupi jika anda ingin web dengan berbagai fasilitas yang wah, tetapi dengan besarnya komunitas dan dukungan plugins yang begitu banyak, kita tinggal menambahkan fasilitas apa yang diinginkan. Mulai dari konfigurasi administrasi, statistik, forum, iklan, artikel, kalender, dan sebagainya.

Bagaimana belajar membuat blog/web site dengan wordpress secara off-line ? Untuk melakukan hal itu diperlukan beberapa komponen yaitu : Apache ( berfungsi sebagai server ), MySQL (Database) dan PHP (bahasa pemrograman web). Coba ikuti langkah-langkah berikut :

A. Menginstall Apache, MySQL dan PHP

  1. Download Apache dan MySQL dalam satu paket Apache friends yaitu xampplite (basic package) dari situs www.apachefriends.org, www.xampp.org atau dari http://sourceforge.net (ukuran sekitar 46 MB) yang bentuk zip atau exe (diinstall terlebih dulu). Untuk mudahnya pilih saja yang zip.
  2. Extract xampplite ke drive yang diinginkan, misalnya C:\xampplite ( memerlukan space hardisk sekitar 115 MB ). Jika download yang exe, install terlebih dahulu.
  3. Untuk mengetest apakan xampplite berhasil, buka folder C:\xampplite, jalankan xampp-control.exe dan klik start di baris Apache dan MySql, tunggu sampai ada tanda
    bahwa keduanya berjalan dengan keterangan tulisan running.

    xampplite control

  4. Setelah keduanya berjalan ( ada keterangan running ) kemudian buka web browser anda ( mozilla firefox atau internet explorer ) dan ketikkan localhost lalu tekan enter. Maka jika instalasi berhasil akan ditampilkan pesan :
    Welcome to XAMPP for Windows Version …..
    Congratulations:
    You successfully installed XAMPP on this system!

    xampplite success

B. Menginstall WordPress

  1. Download wordpress terbaru dari alamat resmi wordpress, yaitu : http://wordpress.org, atau langsung download file ini http://wordpress.org/latest.zip ( terkadang tidak bisa download dengan download manager seperti flashget, DAP, IDM dan sebagainya, jadi gunakan saja download standard bawaan browser, misalnya dengan klik kanan dan pilih menu Save As.. atau Save Link As.. ukuran sekitar 1 MB ).
  2. Extract latest.zip tersebut di folder htdocs, dari langkah diatas berarti di folder C:\xampplite\htdocs ( copykan file latest.zip ke folder htdocs, kemudian klik kanan dan pilih extract here dengan program 7zip, Winzip atau Winrar), akan dihasilkan folder wordpress yang berisi tiga folder, yaitu : wp-admin, wp-content dan wp-includes . Juga beberapa file *.php lainnya.
  3. Folder wordpress itulah yang nantinya menjadi nama web yang akan dibuka melalui URL, sehingga bisa kita rename terlebih dahulu, misalnya dari wordpress di ganti menjadi ebsoft sehingga kita nanti membuka web lokal kita dengan mengetikkan http://localhost/ebsoft ( tapi hal itu nanti ).
  4. Agar bisa dijalankan, maka wordpress harus diinstall terlebih dulu. Sebelumnya ada beberapa konfigurasi yang harus dilakukan ( pastikan Apache dan MySQL telah dijalankan, seperti langkah A nomor 3 diatas )
    1. Buka browser dan ketik localhost, kemudian pilih menu sebelah kiri bagian bawah phpMyAdmin ( atau langsung ketikkan di alamat browser http://localhost/phpmyadmin/
    2. Buat database baru dengan mengetikkan nama database di bawah keterangan Create new database, misalnya ebsoftdb kemudian klik Create.
  5. Setelah berhasil dibuat database baru, buka file wp-config-sample.php ( di folder C:\xampplite\htdocs\ebsoft ) dengan text editor seperti Notepad, dan ubah
    datanya seperti berikut ( ini berdasarkan langkah diatas ) : putyourdbnamehereebsoftdb ( nama database
    yang telah dibuat sebelumnya ) lalu usernamehere diganti root dan hapus text yourpasswordhere sehingga tinggal titik dua (”), kemudian simpan dan close.
    diganti
  6. Ubah nama file wp-config-sample.php menjadi wp-config.php .
  7. Langkah selanjutnya menginstall wordpress. Buka web browser kemudian isikan alamat URL : http://localhost/ebsoft/wp-admin/install.php akan
    ditampilkan tampilan welcome oleh wordpress.

    wordpress welcome

  8. Isikan Blog Title dan alamat email, kemudian klik Install WordPress >>
  9. Jika berhasil akan ditampilkan tampilan wordpress, success! Dan ingat password yang tampil , atau catat.

    wordpress success

  10. Untuk memulai pengaturan, mengisi artikel dan sebagainya, bisa langsung masuk ke admin panel, dengan mengklik link log in ( dari tampilan sebelumnya) atau wp-login.php. Atau bisa juga langsung mengetikkan alamat http://localhost/ebsoft/wp-login.php di web browser.

    wordpress login

  11. Ketikkan username : admin dan isikan password yang tampil sebelumnya, kemudian klik login>>
  12. Selesai… selanjutnya kita dapat mulai menulis artikel, menjelajahi dan mempelajari menu-menunya, jangan lupa mengganti passwordnya melalui menu User dan klik edit untuk username admin.

    wordpress admin

CARA MEMBUAT STATUS YM (Yahoo! Messenger)

yahoo!messenger_indicator

Yahoo Messenger menyediakan fitur untuk menampilkan status YM kita di blog/web. Tapi, icon yang disediakan oleh pihak yahoo sangat sedikit dan kurang enak untuk selera kita. Ada keinginan untuk membuat status ym kita dengan gambar atau icon buatan kita sendiri. Karena lebih sesuai dengan karakter kita sendiri. Sayangnya tidak tahu caranya. Susah deh jadinya. Tapi tenang saja, Eko Ratno Prihantoro berbagi ilmu singkat tentang cara membuat YM kita jadi lebih kreatif, tidak yang itu2 saja. OK kita mulai..

Langkah pertama buat dulu gambar untuk online,offline dan unknown. Sebagai contoh:


Kemudian upload gambar2 tersebut, misal di imageshack, picoodle, google page, dll.

Buka web http://osi.techno-st.net:8000/ pilih yahoo pada pilihan messenger, isi user id yahoo anda (1), lalu isi alamat url icon online (2), offline (3) dan unknown (4) [yaitu jika terjadi error] yang telah kita upload tadi. Kolom IRC channel (5) dikosongi aja. Jika nomor 2, 3, dan 4 dikosongi juga ga apa2, nantinya yang akan muncul gambar default (seperti pada gambar web).
Terakhir “Get HTML code” dan copy kode HTMLnya pada blog kita.

detikInet

GUESTBOOK