Tentang Blog

Blogger memang sederhana namun fitur platform blogging yang kaya . Seperti sistem Blogging lainnya , Anda dapat membuat template Blogger Anda sendiri untuk blog Anda. #Fadhel.rizqy

Thursday, July 28, 2016

RPL NEWS

Cara Mengganti Jenis Font di Ubuntu 14.04

Cara Mengganti Jenis Font di Ubuntu 14.04


Assalamualaikum wr.wb

Pagi kawan, pada hari ini saya akan sharing tentang bagaimana cara Mengubah Jenis font di Ubuntu 14.04 dengan " gnome-tweak-tool ".




A. Pengertian

     Gnome-tweek-tool adalah program yang berguna untuk mengatur konfigurasi pada distro Linux yang menggunakan GNOME 3 sebagai desktop environment.
     Umumnya Gnome Tweak Tool ini digunakan untuk mengubah settingan lanjutan (advanced) yang tidak disediakan pada menu setting default (mirip dengan fungsi Ubuntu Tweak).
B. Latar belakang
     Latar belakang belajar tentang materi kali ini adalah Untuk mengubah tampilan font pada ubuntu supaya lebih menarik
C. Alat dan bahan
  1. Komputer / Laptop
  2. Koneksi Internet
  3. Gnome Tweak Tool


D. Tujuan
  • Menginstall dan mengubah tema GNOME Shell
  • Mengubah pengaturan window
  • Mengubah tema dan ikon GTK
  • Mengganti dan mengubah settingan font
  • Mengubah pengaturan ikon untuk desktop, tombol, dan menu
E. Langkah - langkah 

1. Install Tweek tool 
     Buka terminal dan jalankan perintah berikut:
  •      Sudo apt-get update    
  •      Sudo apt-get install gnome-tweak-tool
2. Buka Menu Font



3. Ganti font pada window title dan Interface

Sekial share kali ini selamat mencoba dan semoga bermanfaat, terimakasih.



Wassalamualaikum wr.wb

Wednesday, July 27, 2016

RPL NEWS

Mendaftarkan Blog ke Google Adsense

Mendaftarkan Blog ke Google Adsense


Assalamualaikum wr.wb

Pagi kawan, pada hari ini saya akan sharing tentang bagaimana cara Mendaftarkan Blog ke Google Adsense

google-adsense-logo

A. Pengertian
      AdSense adalah program kerjasama periklanan melalui media Internet yang diselenggarakan oleh Google. Melalui program periklanan AdSense, pemilik situs web atau blog yang telah mendaftar dan disetujui keanggotaannya diperbolehkan memasang unit iklan yang bentuk dan materinya telah ditentukan oleh Google di halaman web mereka. Pemilik situs web atau blog akan mendapatkan pemasukan berupa pembagian keuntungan dari Google untuk setiap iklan yang diklik oleh pengunjung situs, yang dikenal sebagai sistem pay per click (ppc) atau bayar per klik.

B. Latar belakang
    Tertarik dengan google adsense ? Sebelum mendapatkan uang tentu anda diharuskan terlebih dahulu untuk mendaftar sebagai publisher pada google adsense tersebut. Blog adalah hal utama yang harus dimiliki. Bila anda sudah memiliki blog yang cukup berkembang, cobalah untuk daftarkan website anda kepada google adsense. Bagaimana cara mendaftar google adsense ? 

C. Alat dan bahan
  1. komputer / Laptop
  2. Koneksi Internet
  3. Akun Gmail
  4. Blog
D. Manfaat dan tujuan

      Jika Anda bertanya apa manfaat dari Google Adsense itu sendiri saya kira Anda sudah cukup mengerti. Tentunya meraih atau mendapatkan penghasilan dari Google Adsense.

     Yang pasti Anda akan memperoleh keuntungan apabila iklan Anda tersebut di klik dan akan dibayar berdasarkan jumlah klik yang didapatkan. Seperti yang saya katakan diatas, jumlah uang yang diperoleh atau didapatkan dari per kliknya pasti berbeda. Tergantung negara mana si pengunjung tersebut.

E. Langkah - langkah



  1. Login Blogger
  2. Buka Menu setelan
  3.  Pilih bahasa dan pemformatan

  4. Ubah bahasa yang aslinya indonesia menjadi Bahasa inggris



















         5. Masuk kedalam Menu Penghasilan Adsense

















6. Sign up atau daftar ke Adsense

7. Ikuti Perintah yang disediakan oleh adsense
8. Tunggu sampai Blog kamu diterima Google

Sekian share kali ini, selamat mencoba dan semoga bermanfaat, terimakasih.


Wassalamualaikum wr.wb
RPL NEWS

Membuat Menu Navigasi Dropdown

Membuat Menu Navigasi Dropdown

Assalamualaikum wr.wb

Pagi kawan, pada hari ini saya akan sharing tentang bagaimana cara Membuat Menu Navigasi Dropdown


A. Pengertian
     Menu Dropdown adalah sebuah menu yang berisikan kumpulan link-link yang ditampilkan menurun kebawah jika menu tersebut di klik dan menu itu berfungsi sebagai pengarah ke halaman web lain, baik dari web kita sendiri atau dari web lain.

B. Latar belakang
     Latar belakang belajar tentang materi kali ini adalah agar kita bisa membuat menu dengan fitur dropdown

C. Alat dan bahan
  1. Komputer / Laptop
  2. Text Editor
D. Tujuan
  • Menghemat Tempat link pada menu
  • Memperbagus Tampilan web
E. Langkah - langkah
  1. Buat file dengan Nama " Dropdown.html "
  2. Masukkan script dibawah ini
<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
</style>
</head>
<body>

<ul>
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li class="dropdown">
    <a href="#" class="dropbtn">Dropdown</a>
    <div class="dropdown-content">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
  </li>
</ul>

<h3>Dropdown Menu inside a Navigation Bar</h3>
<p>Hover over the "Dropdown" link to see the dropdown menu.</p>

</body>
</html>

E. Referensi

Sekian share kali ini, selamat mencoba dan semoga bermanfaat, terimakasih.

Wassalamualaikum wr.wb

Tuesday, July 26, 2016

RPL NEWS

Membuat Slideshow Gambar menggunakan Bootstrap dan Jquery

Slideshow Gambar menggunakan Bootstrap dan Jquery

Assalamualaikum wr.wb

Pagi kawan, pada hari ini saya akan sharing tentang bagaimana cara membuat Slideshow menggunakan Bootstrap dan jquery




A. Pengertian
     Pengertian slideshow adalah tampilan objek foto, gambar, dan objek lainnya yang dalam beberapa saat saling bergantian. Misalnya dari slide foto atau gambar pertama,ganti ke slide kedua, begitu selanjutnya sampai kembali ke slide pertama dan akan berulang terus menerus. Fungsi slideshow antara lain adalah untuk mempercantik tampilan blog sehingga terkesan elegan, 

B. Latar belakang
     Latar belakang belajar tentang materi kali ini adalah agar kita bisa membuat Slideshow gambar dengan Bootstrap dan Jquery.

C. Alat dan bahan
  1. Komputer / Laptop
  2. Bootstrap jika belum punya dowload di http://getbootstrap.com/
  3. Jquery.min.js jika belum punya juga silahkan download di google
  4. Text editor
D. Tujuan

     Agar kalian tahu bagaimana cara membuat gambar slideshow

E. Langkah - langkah

1. Buat Folder Baru dengan nama " Slideshow "
2. Buat Folder " assets " di dalam folder " Slideshow "
3. Ekstrak Bootstrap yang kalian download
4. Pindahkan Jquery.min.js ke folder JS
4. Kemudian Copy Folder CSS, Font dan JS kedalam folder " assets "
5. Buat File "index.html " di folder "Slideshow"
6. Isi file index.html dengan script dibawah ini kemudian simpan

<?php ?>

<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Membuat Slide Yang Sangat Mudah</title>

    <!-- CSS Bootstrap -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- CSS kamu, Panggil CSS buatan mu sendiri di bawah sini seperti biasa -->
     
    <!-- JS untuk IE -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
   
   
   
   
  <!-- Content START -->
  <div id="slideshow-mudah" class="carousel slide" data-ride="carousel">
  <!-- Indicators, Ini adalah Tombol BULET BULET dibawah. item ini dapat dihapus jika tidak diperlukan -->
  <ol class="carousel-indicators">
    <li data-target="#slideshow-mudah" data-slide-to="0" class="active"></li>
    <li data-target="#slideshow-mudah" data-slide-to="1"></li>
    <li data-target="#slideshow-mudah" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides, Ini adalah Tempat Gambar-->
  <div class="carousel-inner">
    <div class="item active">
      <img src="../image/city.jpg" alt="slideshow-mudah" width="1300" height="700"> <!—Gambar -->
      <div class="carousel-caption"> <!—Penjelasan -->
        <h3>Slide 1 (Judul)</h3>
        <p>Ini adalah Slide 1 (Penjelasan)</p>
      </div>
    </div>
    <div class="item">
      <img class="" src="../image/city2.jpg" alt="slideshow-mudah" width="1300" height="700"> <!—Gambar -->
      <div class="carousel-caption">  <!—Penjelasan -->
        <h3>Slide 2 (Judul)</h3>
        <p>Ini adalah Slide 2 (Penjelasan)</p>
      </div>
    </div>
    <div class="item">
      <img src="../image/city1.jpg" alt="slideshow-mudah" width="1300" height="700"> <!—Gambar -->
      <div class="carousel-caption"> <!—Penjelasan -->
        <h3>Slide 3 (Judul)</h3>
        <p>Ini adalah Slide 3 (Penjelasan)</p>
      </div>
    </div>
     
    
  </div>

  <!-- Controls, Ini adalah Panah Kanan dan Kiri. item ini dapat dihapus jika tidak diperlukan-->
  <a class="left carousel-control" href="#slideshow-mudah" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#slideshow-mudah" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>
  <!-- Content END -->
   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../assets/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../assets/js/bootstrap.min.js"></script>
  </body>

</html>


Sekian share kali ini, selamat mencoba dan semoga bermanfaat, terimakasih.

Wassalamualaikum wr.wb

Monday, July 25, 2016

RPL NEWS

Membuat Desain Web Sederhana

Membuat Desain Web Sederhana 


Assalamualaikum wr.wb



Pagi kawan, pada hari ini saya akan sharing tentang bagaimana cara membuat desain web sederhana menggunakan html dan css.


A.  PENGERTIAN
  • Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi
  • Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
B. Latar belakang

      Pembuatan Aplikasi WEB yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Mulai dari perusahaan - perusahaan, sekolah, perguruan tinggi atau lembaga lainnya yang telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, belajar dan kegiatan lainnya. Dimana dibutuhkan pengiriman, penyebaran dan penerimaan informasi, Sehingga memberikan kemudahan bagi user yang membutuhkan 

C. Alat dan bahan

  1. Komputer / Laptop
  2. Text Editor

D. Langkah - langkah :

  1. Buka Text Editor. disini saya menggunakan Sublime text.
  2. Ketikkan Script CSS dibawah ini. Dan simpan dengan Format "style.css"
  3. Kemudian Ketikkan Script HTML nya. Dan simpan dengan Format " index.html " 
  4. Kemudian buka file "index.html" di document anda 
  5. Dan ini hasilnya




Sunday, July 24, 2016

RPL NEWS

Workshop CISCO Data Center Virtualization Fundamental bersama om Danu Wiyoto di RSPD Klaten.

Assalamualaikum wr.wb

Masih berlangsung Workshop CISCO Data Center Virtualization Fundamental bersama om Danu Wiyoto di RSPD Klaten.
Menyusul selanjutnya kita akan duetkan bersama kang Nathan Gusti Ryan tuk bahas CISCO Networking & Clouds Data Redundancy, System Disaster Recovery.









Wassalamualaikum wr.wb

RPL NEWS

Pengertian PHP

PENGERTIAN PHP

 PHP adalah  Bahasa server-side –scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML.

Sumber : Google

Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk membuat halaman web yang dinamis, yaitu halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data ke halaman web.

Sedangkan menurut Nugroho (2006b:61) “PHP atau  singkatan dari Personal Home Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi bersifat server side”. PHP termasuk dalam open source product, sehingga source code PHP dapat diubah dan didistribusikan secara bebas. Versi terbaru PHP dapat diunduh secara gratis melalui situs resmi PHP : http://www.php.net. 

PHP  juga dapat berjalan pada berbagai web server seperti IIS (Internet Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga mampu berjalan di banyak sistem operasi yang beredar saat ini, diantaranya : Sistem Operasi Microsoft Windows (semua versi), Linux, Mac Os, Solaris. PHP dapat dibangun sebagai modul web server Apache dan sebagai binary yang dapat berjalan sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP header, dapat mengatur cookies , mengatur authentication dan redirect user.

Salah satu keunggulan yang dimiliki PHP adalah kemampuannya untuk melakukan koneksi ke berbagai macam software sistem manajemen basis data atau Database Management Sistem (DBMS), sehingga dapat menciptakan suatu halaman web dinamis. PHP mempunyai koneksitas yang baik dengan beberapa DBMS seperti Oracle, Sybase, mSQL, MySQL, Microsoft SQL Server, Solid, PostgreSQL, Adabas, FilePro, Velocis, dBase, Unix dbm, dan tidak terkecuali semua database ber-interface ODBC.

Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan utama adalah konektivitas basis data dengan web. Dengan kemampuan ini kita akan mempunyai suatu sistem basis data yang dapat diakses.
RPL NEWS

Membuat Buku Tamu Dengan PHP

MEMBUAT BUKU TAMU MENGGUNAKAN PHP


Membuat Buku Tamu dengan PHP dan MySQL. Pada tutorial kali ini saya akan mencoba membuat sebuah tutorial bagaimana cara Membuat Buku Tamu (Guestbook) dengan PHP dan MySQL. Pada website biasanya ada fasilitas yang namanya buku tamu atau guestbook dimana pengunjung bisa meninggalkan pesan mereka diwebsite tersebut. Tutorial membuat buku tamu ini akan dibuat dengan sesederhana mungkin agar bisa Anda pahami dengan baik.

Ada beberapa hal yang perlu diperhatikan dalam membuat sebuah buku tamu diantaranya adalah :
  • Database – merupakan sebuah tempat penyimpanan data yang diisikan oleh pengunjung.
  • Form tampilan buku tamu.
  • Form edit – Ini untuk merubah isi dari.
  • Hapus – Untuk menghapus data.

Dari keempat hal tersebut, untuk fom tampilan, edit dan juga hapus akan dibagi lagi menjadi beberapa file. yaitu : koneksi.php ,simpan.php ,bukutamu.php , tampil.php , edit.php , update.php dan hapus.php.

SCRIPT DI BAWAH INI LETAKAN DI DALAM FOLDER ARTIKEL

1.membuat tabel bukutamu.php
<!doctype html>
<html>
<head>
<title> Latihan form </title>
</head>
<body bgcolor="#CCCCCC"><center>
<table border="0" cellspacing="10" class="tabel">
<form action="" method="post">
<tr>
<td colspan="2" align="center"><h2>Selamat Datang di Web Kami</h2></td>
</tr>
<tr>
<td> Nama </td>
<td><input type="text" class="text" name="nama" required/></td>
</tr>
<tr>
<td> Email </td>
<td><input type="text" class="text" name="email" required/></td>
</tr>
<tr>
<td> Website </td>
<td><input type="text" class="text" name="website" required/></td>
</tr>
<tr>
<td> Pesan </td>
<td><textarea class="textarea" name="pesan"></textarea></td>
</tr>

<tr>

<td></td>

<td colspan="2"><input class="submite" type="submit" value="simpan" name="simpan">

<input class="submite" type="reset" value="batal"/></td>

</tr>
</form>
</table></body></center>
</html>

2.membuat koneksi.php

<?php

mysql_connect("localhost","root","");

mysql_select_db("db_tamu");

?>


3.membuat simpan.php
 <?php
include "koneksi/koneksi.php";
$query=mysql_query("select * from buku_tamu order by id desc");
$data=mysql_fetch_array($query);
if(empty($data['id'])){
$id=1;
}else{
$id=$data['id']+1;
  }
if(isset($_POST['simpan'])){
$tanggal=date("Y-m-d");
$simpan="insert into buku_tamu set  id='$id',
tanggal='$tanggal',
nama='$_POST[nama]',
email='$_POST[email]',
website='$_POST[website]',
pesan='$_POST[pesan]'";
$qw=mysql_query($simpan);
if ($qw){
echo "<script>alert('berhasil di simpan')</script>";
echo "<script>document.location.href='index.php?p=tampil'</script>";
}else{
echo "gagal di simpan";
}
  }
  ?>

4.membuat tampil.php
<?php
mysql_connect ("localhost","root","");
mysql_select_db("db_tamu");
?>

<blockquote><p><center><font size="5"><b><u>Tampilan Buku Tamu</u></b></font></center></p>
<p><table border='1' align='center'>
            <tr>
<th width="30px">ID</th>
<th width="100px">TANGGAL</th>
<th width="200px">NAMA</th>
<th width="200px">EMAIL</th>
<th width="200px">WEBSITE</th>
<th width="200px">PESAN</th>
<th width="50px">ACTION</th>
</tr>
           
                <?php
                    
                    $query = "SELECT * FROM buku_tamu ";
                    $exe = mysql_query($query);
                    $no = 1;
                    while($row = mysql_fetch_array($exe)){ 
                        $a = $row['id'];
                        $b = $row['tanggal'];
                        $c = $row['nama'];
                        $d = $row['email'];
                        $e = $row['website'];
                        $f = $row['pesan'];
                    echo "<tr>
<td>$a</td>
<td>$b</td>
<td>$c</td>
<td>$d</td>
<td>$e</td>
<td>$f</td>
<td><a href='crud/edit.php?id=$a'>Edit</a>
<a href='crud/hapus.php?id=$a'>Hapus</a>
</td>
</tr>";
                    $no++;
                    }
                ?>
</table></p></blockquote>


UNTUK DI BAWAH INI LETAKAN DI FOLDER CRUD

5.MEMBUAT EDIT.PHP
<blockquote><?php
mysql_connect ("localhost","root","");
mysql_select_db ("db_tamu");
?>
<?php
   $id = $_GET['id'];
   $query = mysql_query("select * from buku_tamu where id='$id'") or die(mysql_error());
   $data = mysql_fetch_array($query);
?>
<form name="form1" method="post" action="update.php">
   <input type="hidden" name="id" value="<?php echo $id; ?>" />
   <table width="419" height="283" border="1">
        <tr>
            <td width="159" height="29">Nama</td>
            <td width="244"><input name="nama" type="text" id="nama" value="<?php echo $data['nama']; ?>"></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><input name="email" type="text" id="email" value="<?php echo $data['email']; ?>"></td>
        </tr>
        <tr>
            <td>Website</td>
            <td><input name="website" type="text" id="website" value="<?php echo $data['website']; ?>"></td>
        </tr>
        <tr>
            <td colspan="2">Pesan : </td>
        </tr>
        <tr>
            <td colspan="2"><textarea name="pesan" cols="50" rows="10" id="pesan"><?php echo $data['pesan']; ?></textarea></td>
        </tr>
        <tr>
            <td colspan="2"><p>&nbsp;</p>
               <p>
               <input name="tombol" type="submit" value="kirim">
               <input name="reset" type="reset" id="reset" value="Reset">
               </p>
            </td>
         </tr>
   </table>
</form>
</blockquote>

6.MEMBUAT UPDATE.PHP
<?php
mysql_connect("localhost","root","");
mysql_select_db("db_tamu");
$query=mysql_query("select * from buku_tamu order by id desc");
?>
<?php
$id = $_POST['id'];
$nama = $_POST['nama'];
$email = $_POST['email'];
$website = $_POST['website'];
$pesan = $_POST['pesan'];
$query = mysql_query("update buku_tamu set nama='$nama', email='$email', website='$website', pesan='$pesan' where id='$id'") or die(mysql_error());
if ($query) {
    header('location:/LATIHAN/index.php?p=tampil');
}
?>

7.MEMBUAT HAPUS.PHP
<?php
mysql_connect("localhost","root","");
mysql_select_db("db_tamu");
$query = mysql_query ("DELETE FROM buku_tamu WHERE id='$_GET[id]'");
if($query) 
echo "<meta http-equiv='refresh' content='0;
url=../index.php?p=tampil'>";
?>