• Twitter
  • rss
  • facebook

Follow our Network

Tips Memilih Desain Situs Web atau Blog yang Menarik dan Berkarakter

(3)

Category : Web Design

Web DesainDesain situs adalah elemen penting dalam menilai seberapa menarik dan berkualitasnya suatu situs website atau blog anda. Meski ini bukanlah hal utama yang harus dipenuhi, namun akan lebih bagus lagi jika masalah desain situs ini juga kita perhatikan dalam situs kita masing-masing. Tidak peduli platform dasar apa yang anda pakai dalam membangun situs/blog anda (Joomla, WordPress, Drupal atau CMS lainnya).

Anda tentunya juga merasakan, bahwa jika kita mengunjungi sebuah situs yang selainnya isinya bermanfaat buat kita dan situs tersebut memiliki sebuah tampilan desain yang menarik, maka kita pasti akan betah menjelajahi halaman-halaman di situs tersebut. Nah, jika anda berhasil memilih desain situs yang sesuai, maka situs anda bisa terlihat professional dan akan menghilangkan kesan bahwa situs anda dibangun dengan “ala kadarnya”.

Anda tahu apa yang bisa dilakukan desain blog anda terhadap para pengunjung ?

Apa Itu PHP

(0)

Category : Internet

PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.


Halaman website biasanya tersusun dari kode-kode html yang disimpan dalam sebuah file yang berekstensi .html atau .htm. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan.


Lain halnya dengan program php, program ini harus diterjemahkan oleh web server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda <? dan ?>. Tanda-tanda tersebut biasa disebut dengan tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php atau .php3.

PHP merupakan bahasa web yang bersifat server-side HTML = embedded scripting, di mana scriptnya menyatu dengan HTML dan berada di server. Maksudnya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (active Server Pages) dan JSP (Java Server Pages).


Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP3. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

Kelebihan PHP antara lain:

  1. Bahasanya server-side scripting yang lebih dinamis dan sangat membantu dalam e-commerce

  2. Seluruh aplikasi berbasis web dapat dibuat dengan PHP

  3. PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh.

  4. PHP merupakan software yang Open Source yang dapat anda download secara gratis dari situs resminya yaitu http://www.php.net

  5. Software ini juga dapat berjalan pada web server seperti PWS (Personal Web Server), Apache, IIS, AOLServer, fhttpd, phttpd dan sebagainya

  6. PHP merupakan bahasa pemograman yang dapat kita kembangkan sendiri seperti menambah fungsi-fungsi baru

  7. PHP mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP

  8. PHP dapat diinstal sebagai bagian atau modul dari apache web server atau sebagai CGI script yang mandiri

Keuntungan yang diperoleh jika menggunakan PHP sebagai modul dari apache:

  1. Tingkat keamanan yang cukup tinggi

  2. Waktu eksekusi lebih cepat daripada server-side scripting lainnya

  3. Akses ke system database yang lebih fleksibel. seperti MySQL

Tips Membuat TextArea

(3)

Category : Internet

Masih saja ada yang bingung dan belum tahu cara membuat textarea. Tapi tidak apalah… kita kan sama-sama masih belajar :)

Textarea memiliki peranan yang penting dalam sebuah website. Entah akan digunakan untuk menaruh kode/script back link atau tukar banner, untuk form guestbook (buku tamu), form email, form biografi, dll. Disini saya memposting kode/script html textarea yang sering digunakan oleh website-website. Anda bisa langsung mengkopi dan merubah/edit script-scriptnya dibawah ini.

  • TextArea Standart

<textarea>Ini percobaan textarea</textarea>
  • TextArea yang memiliki setting cols: 20 dan rows: 5

<textarea cols="20" rows="5"> Ini percobaan textarea </textarea>
  • TextArea yang satu baris
<input value="Ini percobaan textarea" name="textarea" size="25" maxlength="300" type="text">
  • TextArea tanpa scrolling
<input value="Ini percobaan textarea " name="textarea" size="50" maxlength="300" type="text" height="100">
  • TextArea yang pada saat diklik semua tulisan yang ada didalamnya langsung terseleksi.

<textarea  cols="20" rows="5" readonly="readonly">Ini percobaan textarea</textarea>
  • TextArea yang digunakan untuk password
<input type="password" value="Ini percobaan textarea" size="30">
  • TextArea yang bordernya berbentuk garis putus-putus

<textarea cols="20" rows="5" style="border: dashed 2px">Ini percobaan textarea</textarea>

Nah, kalau masih kurang bisa beri koment dibawah. Kita tetap sama-sama belajar :D

Penggunaan Tag-Tag HTML

(0)

Category : Internet

Sangat banyak sekali tag-tag HTML yang digunakan untuk mengimplementasikan sebuah dokumen web. Mungkin halaman ini tidak akan cukup jika membahas semua tag yang ada :D Oleh karena itu saya akan memberikan sebagian tag HTML yang sering digunakan.

Penggunaan tag <p> dan </p> digunakan untuk membuat suatu tulisan berbentuk paragrap. Contoh:

<p>AgaCry.com adalah suatu website yang memiliki kumpulan berbagai informasi, tutorial, tips, dan trik seputar internet.</p>
Penggunaan tag <p> juga bisa diatur aligmentnya seperti left, right, dan center. Misal kita akan menaruh sutau paragrap yang berada ditengah, maka kita menggunakan tag <p align=”center”>. Contoh:
<p align=”center”>AgaCry.com adalah suatu website yang memiliki kumpulan berbagai informasi, tutorial, tips, dan trik seputar internet.</p>
Tag <b>, <i>, dan <u> digunakan untuk format teks. Contoh:
Tag <b>: <b>Tulisan bercetak tebal</b> maka akan tampil: Tulisan bercetak tebal
Tag <i>: <i>Tulisan bercetak miring</i> maka akan tampil: Tulisan bercetak miring
Tag <u>: <u>Tulisan bergaris bawah</u> maka akan tampil: Tulisan bergaris bawah
Penggunaannya juga bisa dikombinasikan dalam paragrap. Misal:
<p><i>Balajar tentang format <b>html</b> itu mudah.</i> <u>Semua orang</u> bisa <b>mempelajari dan mempraktikannya</b> dengan <b><u>mudah.</u></b></p>

Maka akan tampil sbb:

Belajar tentang format html itu mudah. Semua orang bisa mempelajari dan mempraktikannya dengan mudah.

Pengaturan huruf menggunakan tag <font>. Perhatikan tabel berikut:

Tag Kegunaan
<font face=”Verdana”> </font> menampilkan jenis huruf Verdana
<font face=”Arial”> </font> menampilkan jenis huruf Arial
<font face=”Times New Roman”> </font> menampilkan jenis huruf Times New Roman
<font face=”Courier New”> </font> menampilkan jenis huruf Courier New
<font color=”red”> </font> menampilkan warna huruf merah
<font color=”yellow”> </font> menampilkan warna huruf kuning
<font color=”green”> </font> menampilkan warna huruf hijau
<font color=”cyan”> </font> menampilkan warna huruf biru muda
<font color=”blue”> </font> menampilkan warna huruf biru

Penggunaan Heading.

Terdapat enam tag yang dapat digunakan untuk membentuk format heading yakni mulai dari <h1> yang menggunakan ukuran font paling besar hingga ke <h6> yang ukuran font-nya paling kecil.

Tag Hasil
<h1> Heading 1</h1> Heading 1
<h2> Heading 2</h2> Heading 2
<h3> Heading 3</h3> Heading 3
<h4> Heading 4</h4> Heading 4
<h5> Heading 5</h5> Heading 5
<h6> Heading 6</h6> Heading 6

Penyisipan Garis dan Pemisah Baris

Untuk memisahkan suatu bagian informasi dari bagian yang lainnya, kita dapat menyisipkan sebuah garis horisontal pada halaman web. Penyisipan garis ini dapat dilakukan dengan menambahkan tag <HR>. Tag <HR> ini juga memiliki beberapa parameter tambahan yang memungkinkan kita untuk memodifikasi tampilan dari garis horisontal yang digunakan ini.

Tag <BR>digunakan untuk menyisipkan line break pada akhir baris sehingga kita dapat pindah ke baris berikutnya tanpa harus berganti paragraf.

>> Download ebook HTML

Status YM (Yahoo Messenger) Pada Blog/Website

(1)

Category : Internet

Siapa yang tidak tahu apa itu YM…? Sudah banyak sekali yang menggunakan fasilitas Chat dari Yahoo yang biasa kita sebut dengan YM (Yahoo Messenger). Tapi apa sudah tahu bagaimana caranya untuk menampilkan status YM kita pada website atau blog kita?

Kalau dicari lewat Search Engine Google mungkin langsung ketemu dan sudah banyak juga blog-blog/web yang menjelaskan cara-caranya. Nah, mumpung masih disini, ikuti saja penjelasannya dibawah. Mudah banget kok caranya.

Perhatikan kode HTML dibawah ini:

<a href="ymsgr:sendIM?YMID"><img src="http://opi.yahoo.com/online?u=YMID&m=g&t=KODE_GAMBAR" border=”0”></a>
  • YMID: ID YM anda
  • KODE_GAMBAR: kode gambar untuk menampilkan gambar YM mana yang digunakan.

Sekedar contoh:

<a href="ymsgr:sendIM?id_666@ymail.com"><img src="http://opi.yahoo.com/online?u=id_666@ymail.com&m=g&t=1" border=”0”></a>

Jika anda menggunakan kode 1 maka akan tampil seperti berikut:

Tapi gambar YM yang digunakan untuk menampilkan status YM kita di website/blog kita tidak hanya satu, anda masih bisa memilih gambar lain yang mungkin anda suka. Berikut kode masing-masing gambar:

  • t=0
  • t=1
  • t=2
  • t=3
  • t=4
  • t=5
  • t=6
  • t=7
  • t=8
  • t=9
  • t=10
  • t=11
  • t=12
  • t=14
  • t=15
  • t=16

Bagaimana? Mudah bukan untuk menampilkan status YM pada website/blog?

Selamat mencoba :) semoga berhasil ya.

WordPress

(4)

Category : Internet

Adakah yang belum tahu apa itu WordPress? Baiklah…. Mari kita bahas bersama :)

WordPress merupakan salah satu jenis CMS yang paling banyak digunakan disamping Blogspot dan Joomla dan merupakan aplikasi Open Source yang dikembangkan oleh jutaan orang di dunia. Tapi CMS itu sendiri apa?

CMS (Content Management System) merupakan aplikasi web yang memberikan layanan untuk setiap orang membuat web dinamis (tanpa perlu memahami bahasa pemrograman) dengan mudah.

Kelebihan WordPress antara lain:

- Gratis.

- Mudah diinstall.

- Memiliki banyak desain tampilan.

- Memiliki support yang lengkap.

Langsung saja kita ke proses instalasinya…

Proses instalasinya cukup mudah dan cepat, anda hanya butuh mmeluangkan waktu tidak lebih dari 10 menit untuk ini.

Langkah-langkahnya:

    1. Buka Web browser anda dan masuk ke www.wordpress.com

    2. Kemudian klik tombol Sign Up Now! Untuk melakukan pendaftaran/registrasi dan isi formnya.Catatan: Gunakan username yang singkat dan unik agar mudah diingat dan gunakan password yang unik juga agar tidak CRACKED!!

    3. Lalu Next

    4. Buka email anda karena anda mendapat email konfirmasi dari wordpress tentang account wordpress anda. Dan klik link yang diberikan untuk konfirmasi tersebut atau copy paste link tersebut.

    5. Setelah itu akan muncul form isian untuk profil anda dan klik Save Profile

Jika sudah, maka Selamat…. Anda telah memiliki sebuah situs/blog :)

Anda bisa lansung login dan mulai blogging ;)

Jika anda telah memiki hosting dan domain sendiri dan ingin menginstall wordpress, KLIK DISINI