Memodifikasi Dan Membuat Order List Dengan CSS3 Di Blog

Memodifikasi Dan Membuat Order List Dengan CSS3 Di Blog | Order List memang telah disediakan oleh blogger sebelumnya. Listnya memang standar dengan list yang biasa kita buat dengan Microsoft Word.

1. List standar
2. Model list blogger
3. Tanpa CSS3
4.  

Nah contoh diatas adalah model yang disediakan blogger. Bagaimanajika disisipan dengan CSS3? Apapun yang dihasilkan lewat CSS3 akan menjadi lebih indah. Seperti demo dibawah ini.

D E M O 

HTML :

 <ol class="wammy-list">
<li><a href="/">Sebagai ajang pengenalan dunia Web kepada masyarakat.</a></li>
<li><a href="#">Mempermudah pencarian informasi.</a></li>
<li><a href="#">Mempermudah sistem akademik suatu sekolah.</a></li>
<li><a href="#">Meningkat kualitas dan mutu teknologi terutama di bidang Web.</a></li>
</ol>  

CSS taruh diatas kode ]]></b:skin>

.wammy-list a{
 position: relative;
 display: block;
 padding: .4em .4em .4em .8em;
 *padding: .4em;
 margin: .5em 0 .5em 2.5em;
 background: #ddd;
 color: #444;
 text-decoration: none;
 transition: all .3s ease-out; 
}

.wammy-list a:hover{
 background: #eee;
} 

.wammy-list a:before{
 content: counter(li);
 counter-increment: li;
 position: absolute; 
 left: -2.5em;
 top: 50%;
 margin-top: -1em;
 background: #fa8072;
 height: 2em;
 width: 2em;
 line-height: 2em;
 text-align: center;
 font-weight: bold;
}

.wammy-list a:after{
 position: absolute; 
 content: '';
 border: .5em solid transparent;
 left: -1em;
 top: 50%;
 margin-top: -.5em;
 transition: all .3s ease-out;   
}

.wammy-list a:hover:after{
 left: -.5em;
 border-left-color: #fa8072;   
} 

ol{
 counter-reset: li; /* Initiate a counter */
 list-style: none; /* Remove default numbering */
 *list-style: decimal; /* Keep using default numbering for IE6/7 */
 font: 15px 'trebuchet MS', 'lucida sans';
 padding: 0;
 padding-left:100px;
 padding-right:190px;
 margin-bottom: 4em;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
 margin: 0 0 0 2em; 
}

Selamat Mencoba!!

Template Blogger Under Construction

Template Blogger Under Construction | Waktu share template blogger lagi. Siapa bilang pemberitahuan tidak butuh template? malah jika ada blog yang benar - benar parah banget kerusakannya, saya sarankan untuk segera memasang ini. Jika hanya kesalahan kecil, anda bisa memakai tips yang satu ini. Selain bisa tetap melakukan Submit RSS, pengunjung juga bisa mengetahui kira - kira, kapan blog kembali normal lagi. Sangat membantu sekali bukan...

DownloadDemo

Rumah Kedua, Alasan Tak Bisa BW

Rumah Kedua, Alasan Tak Bisa BW | Tugas kuliah selesai, script Pemrograman Web udah Perfect. Beberapa komentar belum sempat aku balas, maaf banget sebelumnya. Karena sibuk di dunia nyata jadi sulit untuk klik login di blogger.

Rumah kedua saya sudah jadi, yah dengan penampilan pas - pasan, juga SEO yang standard aja dech, yang penting bisa aku nikmatin. Blog ini terlalu banyak artikel jadi bingung mau isi apa. Sudah aku putuskan, Wammy's Blog aku isi, khusus Pemrograman Web.

http://tekotekotekot.blogspot.com/ Domain yang aneh banget ya.. Ga tau dah, kenapa bisa muncul nama itu. Tapi ini hanya sementara beberapa minggu kedepan rencana jika tidak ada halangan, akan saya ganti dengan web.id, mungkin.

Okey jangan lupa berkunjung ya..maaf artikelnya belum banyak. Semoga tidak lekas bosan.

Definisi PHP, Hubungan PHP Dengan HTML dan Kelebihan PHP

Definisi PHP, Hubungan PHP Dengan HTML dan Kelebihan PHP | PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan 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 penggunaan bahasa ini adalah untuk memungkinkan perancang web.menulis halaman web dinamik dengan cepat. Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. 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 . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau .php. PHP merupakan bahasa pemograman web yang bersifat server-side. HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya 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). PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C.

Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya..

Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. 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. Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :
1. Oracle
2. MySQL
3. Sybase
4. PostgreSQL
5. dan lainnya
PHP dapat berjalan di berbagai system operasi seperti windows 98/NT,
UNIX/LINUX, solaris maupun macintosh.

Cara Membuat Database Di Localhost

Cara Membuat Database Di Localhost | Bisa dibilang ini adalah artikel yang telat dan basi, ya. Saya sebagai penulis memang saya jawab "iya", karena beberapa alasan yang membuat saya menunda artikel ini.

1. Saya yakin webmaster dinamis pasti sudah terbiasa dengan database
2. Memang database itu butuh pembahasan lanjut, bukan sekedar tutorial
3. Banyak struktur database yang memiliki perbedaan
4. Jarang yang menggunakan Server Local

Tapi meski begitu tetap saya publikasikan karena ini sangat berhubungan dengan artikel - artikel selajutnya.

Gambar diatas adalah alur dari apa yang akan saya tulis. Pembahasan akan saya upload, dengan bentuk presentasi yang langsung saya ambil dari dosen pengampu.

Langkah - langkah membuat database :

1. Panah merah dibawah adalah tempat dimana kita membuat database. Tulis nama database yang anda inginkan.

2. Kemudian kita diminta membuat tabel pada panah merah dan masukan jumlah kolom pada panah biru.

3. Isi field dengan ketentuan yang sudah ada.

4. Akhirnya kita sudah memiliki database sederhana yang cepat dan mudah :D

Menghubungkan Form Ke Database

Setelah anda membuat tabel (CREATE_TABLE ) di Database, itu adalah tabel yang masih kosong belum terisi oleh data. Untuk Memasukan data dalam tabel tersebut, gunakan bentuk program berikut :

INSERT INTO nama_tabel (Field1, Field2,....) VALUES ('data1','data2','.......');

 Keterangan :

• nama_tabel : nama tabel yang akan diakses dan ditambah datanya. 
• Field1, field2 : nama kolom yang ada dalam tabel dan dapat diisi di setiap fieldnya
• data1, data2 : string yang berisi data dan akan dimasukan ke dalam field - field tertentu.

Script utuhnya adalah seperti ini :

<?php

include("uji.php"); 

mysql_select_db("data_siswa");

if($proses){

    if($nim==""){

        echo"NIM belum terisi";

    }elseif ($nama==""){

        echo"Nama belum terisi";

    }elseif ($blog==""){

        echo"Blog belum terisi";

    }elseif ($jurusan==""){

        echo"Jurusan belum terisi";

    }else{

        mysql_query("INSERT INTO tabel_siswa(nim,nama,blog,jurusan) values ('$nim','$nama','$blog','$jurusan')");

        echo"<p> Data sukses ditambahkan </p>";

        echo"<p> <a href=\"form_siswa.php\" target=\"_parent\">Tambah Data</a>, <a href=\"tampil_siswa.php\">Lihat Data</a></p>";

    }

    }else

    {

?>

<div align="center">

  <p>FORM DATA</p>

  <form id="form1" name="form1" method="post" action="form_siswa.php">

    <table width="800px" border="2" cellspacing="2" cellpadding="2">

      <tr>

        <td width="116" bgcolor="#4099ff">NIM</td>

        <td width="362" bgcolor="#4099ff"><label for="nim"></label>

        <input type="text" name="nim" id="nim" /></td>

      </tr>

      <tr>

        <td bgcolor="#4099ff">NAMA</td>

        <td bgcolor="#4099ff"><label for="nama"></label>

        <input name="nama" type="text" id="nama" size="50" /></td>

      </tr>

      <tr>

        <td bgcolor="#4099ff">BLOG</td>

        <td bgcolor="#4099ff"><label for="blog"></label>

        <input name="blog" type="text" id="blog" size="20" /></td>

      </tr>

      <tr>

        <td bgcolor="#4099ff">JURUSAN</td>

        <td bgcolor="#4099ff"><label for="jurusan"></label>

        <input name="jurusan" type="text" id="jurusan" size="50" /></td>

      </tr>

      <tr>

        <td bgcolor="#4099ff">&nbsp;</td>

        <td bgcolor="#4099ff"><input type="submit" name="proses" id="proses" value="PROSES" /></td>

      </tr>

    </table>
 
  </form>

Selamat Mencoba!