Tehnik Dasar Pembuatan Tabel Web

Tabel merupakan sesuatu yang sangat penting dalam pemrograman web, khususnya guna mendesain web sehingga menarik dipandang mata. Kali ini saya mau membagi ilmu tentang bagaimana menggunakan tabel untuk desain web atau blog Anda.
Tabel terdiri atas kolom dan baris, Seperti pada gambar diatas kolom itu ditunjukkan secara horizontal (A,B,C,D) sedangkan baris secara vertikal (1,2,3,4). Untuk titik pertemuan kolom dan baris disebut sel (A1,B1,C2,D4, dan seterusnya).
Dalam HTML , tabel direpresentasikan dengan elemen table.

Contoh :

<table>
  <caption>
    <p>table 1. List of HTML elements</p>
  </caption>
  <thead>
    <tr>
      <th>Number</th>
      <th>element</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>4.1.1</td>
      <td>html</td>
    </tr>
    <tr>
      <td>4.2.1</td>
      <td>head</td>
    </tr>
  </tbody>
</table>

Keterangan :

table = Mengawali tabel
caption = Menentukan judul tabel
thead = menyatakan bagian judul
tbody = Menentukan bagian isi tabel
tr = Menentukan sebuah baris
th = Menentukan sebuah sel pada judul kolom
td = Menentukan sebuah sel pada bagian isi.

Silahkan teman teman coba skrip html diatas, dan pelajari tiap tiap maksudnya ya... selamat belajar.

Baca Selengkapnya >>

Mengatasi Masalah Phpmyadmin "Forbidden You don't have permission to access /phpmyadmin/...."

Jika Anda adalah pengguna baru PhpmyAdmin, dan jika Anda menemukan pesan error seperti "Forbidden You don't have permission to access /phpmyadmin/ on this server". Maka solusinya adalah masuklah ke c:\wamp\alias\phpmyadmin.conf lalu ubah settingan awal :

<Directory "c:/wamp/apps/phpmyadmin3.4.5/">
    Options Indexes FollowSymLinks MultiViews
    AllowOverride all
        Order Deny,Allow
    Deny from all
    Allow from 127.0.0.1
</Directory>

Menjadi :

<Directory "c:/wamp/apps/phpmyadmin3.4.5/">
    Options Indexes FollowSymLinks MultiViews
    AllowOverride all
        Order Allow,Deny
        Allow from all
</Directory>

Setelah itu restart lagi wamp ato apache Anda untuk mengaktifkan. Selamat mencoba.... dan tolong tinggalkan komentar Anda.

Baca Selengkapnya >>

Apa itu Blog ?

Blog adalah salah satu bentuk aplikasi web, berasal dari singkatan web log dalam bahasa Inggris yang berarti sebuah halaman web yang menyerupai tulisan - tulisan (dipublikasikan sebagai posting). Situs blog seperti ini dapat diakses oleh semua pengguna internet sesuai topik dan tujuan dari si pengguna blog tersebut.

SEJARAH

Istilah "weblog" dibuat oleh Jorn Barger pada 17 Disember 1997, dan untuk singkatannya "blog" diciptakan oleh Peter Merholz pada Mei 1999 yang secara bermain-main memecahkan perkataan weblog menjadi frasa we blog. Sehingga nama ini yang paling diterima, baik sebagai "kata benda" maupun sebagai "kata kerja" dalam bahasa Inggris.

Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh Evan Williams dan Meg Hourihan (Pyra Labs) sebelum akhirnya PyraLab diakusisi oleh Google.Com pada bulan februari tahun 2003 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat open source (sumber terbuka) yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Blog memiliki fungsi yang sangat beragam. Ada yang menggunakannya menjadi sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dikembangkan oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga blog yang memiliki fasilitas interaksi dengan para visitor (pengunjungnya), seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif.

Situs-situs web yang saling berkaitan yang disusun dalam blog, atau secara total merupakan kumpulan blog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.

JENIS BLOG

• Blog politik: Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye).
• Blog pribadi: Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang, keluhan, puisi atau syair, gagasan, dan perbincangan teman.
• Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu.
• Blog kesehatan: Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll.
• Blog sastra: Lebih dikenal sebagai litblog (Literary blog).
• Blog perjalanan: Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling.
• Blog mode: Lebih dikenal dengan "fashion blog". Isinya seputar gaya, perkembangan mode, fashion, liputan pameran mode, dan lain-lain.
• Blog riset: Persoalan tentang akademis seperti berita riset terbaru.
• Blog hukum: Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws).
• Blog media: Berfokus pada bahasan berbagai macam informasi
• Blog agama: Membahas tentang agama
• Blog pendidikan: Biasanya ditulis oleh pelajar atau guru.
• Blog kebersamaan: Topik lebih spesifik ditulis oleh kelompok tertentu.
• Blog petunjuk (directory): Berisi ratusan link halaman website.
• Blog bisnis: Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka
• Blog pengejawantahan: Fokus tentang objek diluar manusia; seperti anjing
• Blog pengganggu (spam): Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam Blog)
• Blog virus (virus): Digunakan untuk merusak

Budaya Blog

Ngeblog (istilah bahasa Indonesia untuk blogging) harus dilakukan hampir setiap waktu untuk mengetahui eksistensi dari pemilik blog. Juga untuk mengetahui sejauh mana blog dirawat (mengganti template) atau menambah artikel. Hingga saat tulisan ini dimuat ada lebih 10 juta blog yang bisa ditemukan di internet, dan masih bisa berkembang lagi, karena saat ini ada banyak sekali perangkat lunak, peralatan, dan aplikasi internet lain yang mempermudah para blogger (sebutan untuk pemilik blog) untuk merawat blognya. Selain merawat dan terus melakukan pembaharuan di blognya, para blogger yang tergolong baru pun masih sering melakukan blogwalking, yaitu aktivitas para blogger meninggalkan tautan di blog atau situs orang lain seraya memberikan komentar.

Beberapa blogger kini bahkan telah menjadikan blognya sebagai sumber pemasukan utama melalui program periklanan (misalnya AdSense, posting berbayar, penjualan tautan, atau afiliasi). Sehingga kemudian muncullah istilah blogger profesional, atau problogger, yaitu orang yang menggantungkan hidupnya hanya dari aktivitas ngeblog, karena banyak saluran pendapatan dana, baik berupa dolar maupun rupiah, dari aktivitas ngeblog ini.

SISI NEGATIF

Karena blog sering digunakan untuk menulis aktivitas sehari-hari yang terjadi pada penulisnya, ataupun merefleksikan pandangan-pandangan penulisnya tentang berbagai macam topik yang terjadi dan untuk berbagi informasi - blog menjadi sumber informasi bagi para hacker, pencuri identitas, mata-mata, dan lain sebagainya. Banyak berkas-berkas rahasia dan penulisan isu sensitif ditemukan dalam blog-blog. Hal ini berakibat dipecatnya seseorang dari pekerjaannya, diblokir aksesnya, didenda, dan bahkan ditangkap.

Sumber : wikipedia

Baca Selengkapnya >>

Cara Buat Autolink Teks

Seringkali kita menemukan teks yang merupakan sebuah alamat yang biasanya dicantumkan sebagai rujukan referensi sebuah forum diskusi maupun dalam fitur komentar sebuah blog. Namun jika alamat saja yang diberikan diperlukan proses copy dulu alamat tersebut kemudian paste di bagian alamat browser untuk menampilkan alamat yang dimaksud. 

Berikut adalah tips dan trik bagaimana membuat autolink dimana para user yang melihat teks alamat website tersebut tidak perlu melakukan copy paste lagi, melainkan cukup klik alamat itu saja alias membuat alamat tersebut menjadi link anchor. Mohon maaf sebelumnya karena penjelasan saya kali ini untuk para programmer yang udah ngerti membuat fungsi dan menjalankannya.

Untuk membuatnya berikut langkah-langkahnya :

Buatlah 3 fungsi dalam php sebagai berikut :

<?php

function _autolink_find_URLS( $text )

{ 

  $scheme         =       '(http:\/\/|https:\/\/)';

  $www            =       'www\.';

  $ip             =       '\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}';

  $subdomain      =       '[-a-z0-9_]+\.';

  $name           =       '[a-z][-a-z0-9]+\.';

  $tld            =       '[a-z]+(\.[a-z]{2,2})?';

  $the_rest       =       '\/?[a-z0-9._\/~#&=;%+?-]+[a-z0-9\/#=?]{1,1}';            

  $pattern        =       "$scheme?(?(1)($ip|($subdomain)?$name$tld)|($www$name$tld))$the_rest";

    

  $pattern        =       '/'.$pattern.'/is';

  $c              =       preg_match_all( $pattern, $text, $m );

  unset( $text, $scheme, $www, $ip, $subdomain, $name, $tld, $the_rest, $pattern );

  if( $c )

  {

    return( array_flip($m[0]) );

  }

  return( array() );

}

function _autolink_create_html_tags( &$value, $key, $other=null )

{

  $target = $nofollow = null;

  if( is_array($other) )

  {

    $target      =  ( $other['target']   ? " target=\"$other[target]\"" : null );   

    $nofollow    =  ( $other['nofollow'] ? ' rel="nofollow"'            : null );     

  }

  $value = "<a href=\"$key\"$target$nofollow>$key</a>";

} 

function buat_link($isi){
global $hasilpotong;

  $urls  =  _autolink_find_URLS( $isi );
  if( !empty($urls) )
  {
    array_walk( $urls, '_autolink_create_html_tags', array('target'=>'_blank', 'nofollow'=>true) );
    $isi =  strtr( $isi, $urls );
  }
$hasilpotong=$isi;
}

?>

Untuk memanggilnya cukup tuliskan:
<?php
buat_link($nama_teks);
?>

Biar nggak capek nulis skripnya. Download skripnya disini... autolink-cilbut.php

Sampai jumpa pada tulisan saya lainnya...

Baca Selengkapnya >>

Cara Menghapus Atribut Html Dengan Javascript

Bagaimana menghapus atribut sebuah element dengan javascript?

Dengan Menggunakan Sintak removeAttribute berikut :

elementObject.removeAttribute("attributeName", flag);

Dimana "attributeName" adalah nama dari atribut yang akan di hapus dan flag nilai pilihan dengan berbagai fungsi. Nilai pada flag ini bisa diisi dengan 0, 1 atau 2 . Sebagai keterangan berikut :

Nilai Flag	Arti
0	It is the default value and performs the non case sensitive search
1	It performs the case sensitive property search
2	It returns the property value as it is set in the script or html code

Contoh kode :

Sebagai contoh misalnya pertama kita membuat page html terlebih dulu dengan disertai text box dan sebuah button. Kita atur properti pada text box menjadi read only dan bernilai true. Jika pengunjung website Anda mengklik tombolnya maka kemudian akan memanggil fungsi bernama removeAlignment().

function removeAlignment(){ var read = document.getElementById("txt") .removeAttribute("readonly",0); alert("atribut textbox readonly telah terhapus"); }

contoh full skrip htmlnya :

<html> <body> <script language="JavaScript"> function removeAlignment(){ var read=document.getElementById("txt") .removeAttribute("readonly",0); alert("atribut textbox readonly telah terhapus"); } </script> <div style="background: #cf2255; width:'100%';" align="center"> <font color="#05ff20" size="12pt"> <b>Contoh Penghapusan Atribut</b> </font> </div> <center> <div id="divId" align="center" style="background: #ffffcc; width:'100%';"> <input id="txt" type="text" readonly="true" /> <p>Masukkan teks dalam box</p> <input type="button" value="Hapus atribut readonly" onclick="removeAlignment();"> </div> </center> </body> </html>

Sekarang coba teman - teman jalankan skripnya.... jika tombolnya di klik maka Anda dapat edit text boxnya karena atribut readonly yang tadinya bernilai true sudah dihilangkan. Semoga tutorial singkat kali ini bermanfaat. Sampai jumpa...

Baca Selengkapnya >>