Reja Exe Cyber: Tutorial

PENCARIAN (SEARCHING) POSTING BERITA

Oleh ADMIN

Membuat Layout Form Cari

Dengan menggunakan Adobe Macormedia, buat file baru dengan nama : cari.php kemudian simpan pada folder: li/konten/
Ketikkan kode berikut ini pada file cari.php

<i>Pencarian :</i>
  <form method=POST action='?konten=home&module=hasilcari'>
  <input name=kata type=text size=15>
  <input type=submit value=Cari>
  </form>

Merubah tampilan layout halaman utama web
1.       Dengan menggunakan Adobe Macormedia, buka file tampilan.php yang berada pada directory /li /
2.       Selanjutnya ubah kode pada file tampilan.php tersebut menjadi sebagai berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Website Perdana Belajar Pemrograman Web..</title>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

<td width="200" height="50" id="kiri"><?php include "konten/cari.php"?></td>

<td width="580" rowspan="3" bgcolor="#FFFFCC" id="kanan"><?php include "konten/konten.php"?></td>

</tr>

<tr bgcolor="#CCCCCC">

<td width="200" valign="top" id="kiri"><?php include "konten/kiri.php"?></td>

</tr>

<tr>

<tr>

</tr>

</table>

</body>

</html>

Menampilkan Hasil Pencarian Berita Berdasarkan Kata Kunci

. Dengan menggunakan Adobe Macormedia, buka file home.php yang berada pada directory /li/konten/
Selanjutnya ubah kode pada file home.php tersebut menjadi sebagai berikut:

<?php

include "Config/fungsi_indotgl.php";

include "Config/koneksi.php";

include "Config/class_paging.php";

// Halaman utama (Home)

if ($_GET[konten]=='home' & $_GET[module]==''){

// $terkini=mysql_query("select * from berita order by no_berita DESC LIMIT 5");

                                                $p      = new Paging;

                            $batas = 2;

                          $posisi = $p->cariPosisi($batas);

                                                $sql="select * from berita order by no_berita DESC LIMIT $posisi,$batas";

                                                $terkini= mysql_query($sql);

                        while($t=mysql_fetch_array($terkini)){

                                                $tgl = tgl_indo($t[tanggal]);

                                                echo "<span class=date>$tgl - $t[jam] WIB</span><br />";

                                                echo "<span class=judul><a href=?konten=home&module=detailberita&id=$t[no_berita] class='judul'>$t[judul]</a></span><br />";

                                                echo"<img src='adminweb/gambar/$t[image]' width=150 height=120 hspace=10 border=0 align=left>";

                        $isi_berita = nl2br($t[isi_berita]); // membuat paragraf pada isi berita

                        $isi = substr($isi_berita,0,450); // ambil sebanyak 220 karakter

                                                $id=$t[no_berita];

                        $isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat

                        echo "<p align='justify'>$isi ...</p> <a href=?konten=home&module=detailberita&id=$t[no_berita]>Selengkapnya »</a>

          <br /><hr color=#e0cb91 noshade=noshade />";

                        }

$jmldata     = mysql_num_rows(mysql_query("SELECT * FROM berita"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "<p align=center>$linkHalaman</p>";

// Modul detail berita

}

else if ($_GET[module]=='detailberita'){

                        $detail=mysql_query("SELECT * FROM berita WHERE no_berita=$_GET[id]");

                        $d   = mysql_fetch_array($detail);

                        $tgl = tgl_indo($d[tanggal]);

                        //$baca = $d[dibaca]+1;

                        echo "<span class=date> $tgl - $d[jam] WIB</span><br />";

                        echo "<span class=judul>$d[judul]</span><br />";

                        echo "<span class=posting>Diposting oleh : <b>$d[penulis]</b><br /><br /> ";

                        echo"<img src='adminweb/gambar/$d[image]' width=170 height=140 hspace=10 border=0 align=left>";

                        // Apabila ada gambar dalam berita, tampilkan

                      $isi_berita=nl2br($d[isi_berita]); // membuat paragraf pada isi berita

                        echo "<p align='justify'>$isi_berita</p> <br /><p align='center'> <a href=javascript:history.go(-1)>Kembali</a></p><br />";

}

// Bagian Hasil Pencarian

elseif ($_GET[module]=='hasilcari'){

   echo "<span class=judul>Hasil Pencarian</span>";

// Hanya mencari berita

if (empty ($_POST[kata])){

                        echo "<span class=judul><br />

          Tidak ditemukan berita dengan kata <b>$_POST[kata]</b></span>";

                                                echo "<p align=center>

        [ <a href=javascript:history.go(-1)>Kembali</a> ]</p>";

}

else{

                        $cari   = mysql_query("SELECT * FROM berita WHERE isi_berita LIKE '%$_POST[kata]%'");

                        $jumlah = mysql_num_rows($cari);

if ($jumlah > 0){

    echo "<span class=posting>

          <br>Ditemukan <b>$jumlah</b> berita dengan kata <b>$_POST[kata]</b> : <br /><br />";



    while($r=mysql_fetch_array($cari)){

      echo "<span class=judul>

                        <a href=?module=detailberita&id=$r[no_berita]>$r[judul]</a><br /></span>";

    }

    echo "</span>";

}

else{

    echo "<span class=judul><br />

          Tidak ditemukan berita dengan kata <b>$_POST[kata]</b></span>";

}

                        echo "<p align=center>

        [ <a href=javascript:history.go(-1)>Kembali</a> ]</p>";

}

FINISH

Semoga berhasil ya

MemBuat Kerangka Website Sederhana Dengan Tag HTML 5 & CSS 3

Oleh ADMIN

Langkah yang pertama : buat struktur html nya dan kasih link css nya disini saya Mengkasih kn nama nya ( hampa.css )

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>

</body>
</html>

Langkah ke-2 : kita akan membuat header Ketikkan kodenya di dalam body

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
</body>
</html>

nahh di situ <header> </header> termasuk dalam HTML 5 ,, okee lalu kita ketik CSS nya

header{
background-color: #0000A0;
width: 100%;
height: 100px;
}

p a{
color: #0B39F4;
font-size: 90px;
text-decoration: none;
}

p a:hover{
color: #000080;
text-decoration: none;
}

body{
margin: 0;
padding: 0;
}

langkah ke- 3: kita akan membuat content dan sidebar ;

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">EXE </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
<div class="container">
<section class="sidebar">

</section>
</div>

nah di situ <div class="container"> </div> termasuk dalam HTML 5 dan juga <section class="sidebar">

</section> juga termasuk dalam HTML 5

oke sekarang kita masukkan CSS nya ;

.container{

width: 90%;

height: 80%;

background-color: #8080C0;

margin: 0 auto;

}

.sidebar{

background-color: #000;

margin: 0 auto;

width: 20%;

height: 100%;

float: left;

}

langkah 4 : kita akan membuat Footer

<html>

<head>

</head>

<body>

</div>

</header>

</section>

</div>

</body>

</html>

nah disitu <footer> <footer> termasuk dalam HTML 5 oke dan sekarang kita masukkan css nya

footer{

margin: 0 auto;

background-color: #0000A0;

width: 100%;

height: 30%;

}

nah maka akan menjadi seperti ini ;

Rumus Logika Excel (Fungsi IF) Fungsi IF Pada Excel Secara Sederhana

Oleh ADMIN

Fungsi IF pada Microsoft Excel dapat digunakan sebagai formula logika untuk menghitung atau menentukan nilai sebuah pernyataan dimana fungsi IF akan memberikan nilai tertentu jika logika benar atau salah.

Kali ini kita coba secara sederhana bagaimana sebuah rumus fungsi IF digunakan.

Contoh pertama:

Buat data seperti data berikut:

Lalu kita coba sebuah pertanyaan sebagai berikut:

"Seseorang dinyatakan LULUS jika nilai ujian lebih besar atau sama dengan 60"

Maka rumus menggunakan fungsi if dalam Excel pada sel C7 yang terdapat pada data diatas adalah sebagai berikut: =IF(B7>=60;"Lulus";"Gagal")

Contoh kedua:

Pertanyaannya: "Seseorang dinyatakan GAGAL jika nilai ujian kurang dari 60", maka rumus pada sel C7adalah: =IF(B7<60;”Gagal”;”Lulus”)

Contoh ketiga:

Pertanyaan sama pada contoh pertama tetapi pada sel E3 diisi dengan kata “Lulus” tanpa kutip, dan pada sel E4 diisi dengan kata “Gagal”. Maka rumus pada sel C7 adalah =IF(B7>=60;E$4;E$5)

Contoh keempat:

Pertanyaan sama pada contoh pertama tetapi pada sel E3 diisi dengan kata “Lulus” dan pada sel E4 diisi dengan kata “Gagal”. Tetapi pada rumus pada sel C7 adalah =IF(B7>=60;Lulus;Gagal).Kata Lulus dan Gagal tanpa kutip tidak sama dengan pada rumus pada contoh pertama yang menggunakan kutip.

Nah Anda dapat berkreasi sendiri dengan rumus-rumus sederhana diatas.

Salah satu kelebihan dalam Program Excel adalah fungsi logika. Ada beberapa formula/rumus logika, diantaranya IF dan COUNTIF. Pada sesi ini kita akan belajar penggunaan logika dengan IF STATEMENT.
IF STATEMENT : IF(logical_test;value_if_true;value_if_false)
IF adalah fungsi dasar logika dalam Excel. IF dapat digabungkan dengan AND atau OR untuk penggunaan logika yang lebih kompleks. Untuk lebih jelas, silahkan gunakan latihan di bawah ini:
Masukkan A pada cell A1 dan Masukkan B pada cell A2
Pada cell B1 ketikkan rumus/formula seperti ini :
=IF(A1=”A”;”TRUE”;”FALSE”), artinya kita akan menguji apakah nilai pada cell A1 = A, jika benar maka hasilnya adalah ”TRUE”, namun jika salah hasilnya ”FALSE”.
Perhatikan penggunaan titik koma (;) diantara statement/argumen tergantung pada setting di komputer anda, dapat juga berupa koma (,).
Lalu copy kan rumus tersebut di cell B2
Hasil yang akan diperoleh adalah, pada cell B1 nilainya adalah ”TRUE” karena cell A1 = A, sedangkan pada cell B2 nilainya adalah ”FALSE” karena cell B1 = B
Untuk lebih jelas lihat ilustrasi gambar di bawah ini:

Catatan: Argumen pada IF STATEMENT terbatas sampai tujuh (7) argumen.

Contoh dengan menggunakan lima argumen:
=IF(A1=”A”;”PERFECT”;IF(A1=”B”;”GOOD”;IF(A1=C;”ENOUGH”;
IF(A1=”D”;”BAD”;IF(A1=”E”;”VERY BAD”;”NO DATA”)))))

Tutorial membuat template website

Oleh ADMIN

Sebuah template website memang berbeda-beda, namun dibalik perbedaan itu ada satu hal persamaan pada setiap website. Ya, mereka selalu mempunyai struktur yang sama, yaitu header, content dan footer. Apakah membuat template website itu susah? Dibilang susah ngga, dibilang gampang juga tidak! Ini tergantung dari kreatifitas orang yang membuatnya. Kali ini saya akan berbagi tutorial membuat dasar sebuah template website.

Goal dari tutorial ini adalah sebagai berikut:

Dasar membuat layout website

Langsung saja, silahkan buka code editor yang sering anda gunakan misalnya notepad++, sublime dkk. Buat sebuah file misalnya diberi nama index, jangan lupa format dari file ini ada html. Berikut code yang digunakan untuk index.html:

<html>

<head>

<title>Membuat Layout sederhana</title>

<link href="style.css" type="text/css" rel="stylesheet">

</head>

<body>

<div class="container">

 <div class="header">

  <span class="title">Dipakai untuk Header</span>

 </div>

 <div class="content">

  <div class="entry-content">

   <span class="title">Isi dari konten</span>

  </div>

  <div class="sidebar">

   <span class="title">Isi dari sidebar</span>

  </div>

 </div>

 <div class="footer">

  <span class="title">Isi untuk footer</span>

 </div>

</div>

</body>

</html>

Klik save, kemudian kita tambahkan style untuk index.html . Kemudian buat file bernama style dengan format .css , simpan satu folder dengan file index.html tadi.
Berikut code untuk style.css:

.container{

 margin:0 auto;

 max-width:978px;

}

.header{

 background:red;

 height:200px;

}

.content{

 overflow:hidden

}

.entry-content{

 background:#eee;

 width:642px;

 float:left;

 display:inline;

 height:500px;

}

.title{

 font-size:40px;

 font-weight:bold;

}

.sidebar{

 background:#21E28D;

 width:336px;

 display:inline;

 float:left;

 height:500px;

}

.footer{

 background:#333;

 height:200px;

}

Kemudian buka lagi index.html di browser anda. Jika tampilannya sama dengan goal diatas maka anda sukses dalam tutorial ini. Sekian tulisan pengalaman ngajarcss tentang Tutorial membuat template website ini, semoga bermanfaat.

Reja Exe Cyber

PENCARIAN (SEARCHING) POSTING BERITA

MemBuat Kerangka Website Sederhana Dengan Tag HTML 5 & CSS 3

Rumus Logika Excel (Fungsi IF) Fungsi IF Pada Excel Secara Sederhana

Tutorial membuat template website

Popular Posts

Archives

Followers

label

Berlangganan