Kaya Informasi 1999: March 2015

Sunday, March 29, 2015

Puisi Rindu Yang Membelenggu Hatiku

Assalamu'alikum Warohmatullohi Wabarokatuh.

Semoga Rahmat dan Hidayah-Nya beserta kita semua.
Amin Ya Robbal Alamin.

Rindu Yang Membelenggu Hatiku.
Cipt: Fittra Ferdiansyah.

Dalam sepi ku terpaku,
terbayang indah wajah manismu
sayang...
semua itu hanya khayalan...

Saat ku datang dan menemuimu,
ingin selalu rasa ini ku ungkapkan.
ungkapkan dengan kata-kata indah yang ingin ku ucapkan.

Namun aku hanya dapat terdiam malu,
saat melihat dirimu bersama yang lain.
bersama dia yang kamu sayangi
bersama dia yang kamu cintai.

Tiga tahun aku menunggu waktu yang tepat,
namun saat aku beranjak ingin melepas rasa itu
kau telah bersanding dengan dirinya.

Kini hanya penyesalan yang aku rasakan.
butir-butir cinta ini semakin lamasemakin kuat.
Walau aku sudah berusaha semampuku untuk menghapus jejakmu
menghapus jejak-jejak kehidupanmu dari fikiranku.

Dan pada hari ini ku tuangkan semua rasa itu
dalam tulisan ini,
tulisan yang mungkin tiada orang yang mau perduli akannya.

Mungkin memang sudah takdir berkata begini,
aku diam dalam rinduku,
diam dalam anganku.
dan mati dalam rasaku.

Sekiaannnn....

Thursday, March 26, 2015

Perhitungan Tambah Dengan PHP Sederhana

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Salam sejahtera untuk kita semua.
Pada kesempatan kali ini Saya ingin membagikan tutorial "Perhitungan Dengan PHP Bagian 1"

Pada bagian ini Saya akan membagikan secara langsung dengan beserta DEMO dan DOWNLOAD nya.
Berikut Scriptnya:

<!DOCTYPE html>
<html>
<head>
<title>Operator Penambahan Dengan PHP</title>
<style type="text/css">
#menu {
width: 100%;
height: 75px;
}
.menu {
padding:0;
margin: 0;
}
.menu li {
list-style: none;
float: left;
}
.menu li a {
display: block;
text-decoration: none;
padding: 5px 10px;
}
.menu li a:hover {
text-decoration: underline;
}
</style>
</head>
<body>

<div id="menu">
<ul class="menu">
<li><a href="http://www.fittraferdiansyah.blogspot.com/">Visit Blog</a></li>
<li><a href="http://www.facebook.com/ciekutubuku">Facebook Me</a></li>
<li><a href="http://fittraferdiansyah.blogspot.com/2015/03/perhitungan-tambah-dengan-php-sederhana.html">Go Back To Tutorial</a></li>
</ul>
</div>

<table cellpadding="5px" cellspacing="5px">
<form action="" method="post">
<tr>
<td>Angka Pertama</td>
<td>: </td>
<td><input name="nilai_satu" type="text" placeholder="Masukkan Angka Pertama"></td>
</tr>
<tr>
<td>Angka Kedua</td>
<td>:</td>
<td><input name="nilai_dua" type="text" placeholder="Masukkan Angka kedua"></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input name="tambah" type="submit" value="+"></td>
</tr>
</form>
</table>

</body>
</html>
   
<?php
$a=$_POST['nilai_satu']; //mengambil nilai pertama pada form
$b=$_POST['nilai_dua']; //mengambil nilai kedua pada form
$c=$a+$b; //melakukan penjumlahan dari nilai pertama dan kedua

if ($_POST['tambah']!="") { //cek bila tombol tambah tidak bernilai kosong.
echo "<input name='hasil' type='text' value='= $c'>";
}else{
echo "
<input name='hasil' type='text' value='= 0'> 
";
}

?>

#Keterangan:
-warna pink adalah name yang ditangkap oleh php
-warna abu-abu adalah sebuah komentar yang berfungsi sebagai penanda.
-hijau adalah script php yang digunakan/
-kuning untuk menampilkan data.
-merah script html
-biru adalah script css
-hitam itu adalah judul
-orange adalah form dan table yang digunakan .
-biru muda adalah menu.

Oke sekian dahulu tutorial yang bisa Saya bagikan.
Semoga dapat membantu pembelajaran Anda yang sedang baru belajar PEMROGRAMAN PHP.

Wassalamu'alaikum Warohmatullohi Wabarokatuh.
Terima kasih atas kunjungan Anda pada blog Saya yang sederhana ini.

See You!
Jangan lupa komentarnya ya.
Kritik dan saran Anda sangat membantu kemajuan blog Saya.
Salam Blogger.

Wednesday, March 25, 2015

Tutorial Membuat Menu Dropdown Dengan Bootstrap

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Selamat pagi dan Salam Sejahtera bagi kita semua.
Semoga kita selalu dalam lindungan-Nya. Amin.

Nah pada kesempatan kali ini saya akan berbagi sedikit pengetahuan yang saya tahu dari bootstrap.
Setelah sebelumnya saya berbagi tentang "Belajar Membuat Social Button Dengan Bootstrap " dan pada hari ini kita akan membahas tentang "Membuat Menu Dropdown Dengan Bootstrap".
Berikut adalah tampilan hasil jadi dan struktur folder yang dibutuhkan:

Struktur Folder Dropdown Menu With Bootstrap

Dan pada tutorial ini saya akan menyertakan DEMO dan DOWNLOAD filenya. Mari lanjut ke script yang digunakan.
Lihat pada bagian bawah tutorial ini.

<!DOCTYPE html>
<html>
<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> Selamat Datang Di Buku Online SMK Negeri 1 Beringin</title>
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="dist/css/sb-admin-2.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/jquery.showpassword.js" type="text/javascript"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/metisMenu/dist/metisMenu.min.js"></script>
<script src="dist/js/sb-admin-2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pass').showPassword('#tampil');
});
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<a class="navbar-brand" href="#"> BUKU ONLINE </a>

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"> <span class="fa fa-home"></span> Beranda </a></li>
<li><a href="#"> <span class="fa fa-user"></span> Profil</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="fa fa-book"></span> Kategory Buku <span class="fa fa-angle-double-down"></span> </a>
<ul class="dropdown-menu">
<li><a href=""> <span class="fa fa-book"></span> Doa </a></li>
<li><a href=""> <span class="fa fa-book"></span> Dongeng </a></li>
<li><a href=""> <span class="fa fa-book"></span> Kamus </a></li>
<li><a href=""> <span class="fa fa-book"></span> Teknologi </a></li>
</ul>
</li>
<li><a href="#"> <span class="fa fa-phone"></span> Kontak</a></li>
</ul>
</div>
</div>

</div>

</body>

</html>

Keterangan:
# Navbar-inverse digunakan untuk membuat background berwarna hitam.
ganti dengan Navbar-default untuk mendapatkan warna putih abu-abu.

Nah Sekian dari saya.

Wassalamu'alaikum Warohmatullohi Wabarokatuh.

Salam blogger teman.
Jangan lupa untuk memberikan komentar Anda disini.
Karena kritik dan saran Anda sangat membantu kemajuan blog ini.
See you!

Tuesday, March 24, 2015

Belajar Membuat Social Button Dengan Bootstrap

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Selamat membaca dan mengikuti,
Dan semoga kita semua mendapatkan Rahmat dan Hidayahnya.
Amin Ya Robbal Alamin.

Yuk, mari kita bahas ke judul langsung.
Pertama kita siapkan beberapa filenya (Download filenya).

Beberapa folder tidak diperlukan untuk tutorial ini namun saya tetap memasangnya dikarenakan pada tutorial selanjutnya akan ada pembahasan-pembahasan mengenai bootstrap yang lainnya dimana folder tersebut akan terpak. So, ikutin terus ya tutorialnya!
Karena tak lengkap rasanya bila belajar itu hanya sedikit-sedikit tanpa dilanjutkan.
Dan di bawah ini saya sertakan script juga tampilan ketika kita load di browser.

Tombol yang telah dibuat adalah tombol yang biasa sangat sering dijumpai dan dipakai pada blogger dan media website lain.
Tanpa menambah basa-basi mari Kita lanjutkan pada langkah-langkahnya.

Buat sebuah file dengan nama button.html dan sertakan script berikut.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="bootstrap tutorial">
<meta name="author" content="Fittra Ferdiansyah">
<title>Membuat Tombol Share Dengan Bootstrap</title>
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<link href="dist/css/sb-admin-2.css" rel="stylesheet">
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-social/bootstrap-social.css">
</head>
<body>
<button type="button" class="btn btn-default">btn-default</button>
<button type="button" class="btn btn-primary">btn-primary</button>
<button type="button" class="btn btn-info">btn-info</button>
<button type="button" class="btn btn-danger">btn-danger</button>
<button type="button" class="btn btn-warning">btn-warning</button>
<button type="button" class="btn btn-success">btn-success</button>

<button type="button" class="btn btn-block btn-social btn-facebook">
<i class="fa fa-facebook"></i> Facebook
</button>
<button type="button" class="btn btn-block btn-social btn-twitter">
<i class="fa fa-twitter"></i> Twitter
</button>
<button type="button" class="btn btn-block btn-social btn-google-plus">
<i class="fa fa-google-plus"></i> Google <i class="fa fa-plus"></i>
</button>
<button type="button" class="btn btn-block btn-social btn-github">
<i class="fa fa-github"></i> Github
</button>
<button type="button" class="btn btn-block btn-social btn-linkedin">
<i class="fa fa-linkedin"></i> Linkedin
</button>
<button type="button" class="btn btn-block btn-social btn-tumblr">
<i class="fa fa-tumblr"></i> Tumblr
</button>
<button type="button" class="btn btn-block btn-social btn-dropbox">
<i class="fa fa-dropbox"></i> Dropbox
</button>
<button type="button" class="btn btn-block btn-social btn-vk">
<i class="fa fa-vk"></i> VK
</button><button type="button" class="btn btn-block btn-social btn-pinterest">
<i class="fa fa-pinterest"></i> Pinterest
</button>
<button type="button" class="btn btn-block btn-social btn-instagram">
<i class="fa fa-instagram"></i> Instagram
</button>
</body>
</html>

Nah, keterangan dari script diatas kita perjelas disini.
#warna hijau adalah file yang kita gunakan untuk memanggil fungsi-fungsi pada bootstrap.
#warna biru adalah button biasa menggunakan bootstrap.
#warna ungu adalah beberapa tombol share yang kita buat.

Perbedaan untuk membuat tombol biasa dengan tombol share berada pada class-class yang kita gunakan.

Oke, sekian dahulu berhubung waktu sudah larut malam Saya akhiri terlebih dahulu sampai disini.
Danbagi Anda yang ingin melihat DEMO nya ada disini.

See you!
Wassalamu'alaikum Warohmatullohi Wabarokatuh.
Komentar Anda Saya tunggu untuk memperbaiki kesalahan-kesalahan yang ada.

Terima Kasih.

Tuesday, March 10, 2015

WWW.TOKO-MAINANKU.COM | MAINAN ANAK LUCU DAN MURAH DI BEKASI

Jual mainan anak, mainan anak lucu, mainan edukasi anak, dunia mainan murah, toko mainan bekasi, mainan murah bekasi, jual mainan murah, mainan anak murah, toko mainan murah, jual mainan bekasi, kunjungi WWW.TOKO-MAINANKU.COM.
WWW.TOKO-MAINANKU.COM adalah sebuah TOKO ONLINE yang MENJUAL MAINAN ANAK di daerah BEKASI.

Menjual berbagai MAINAN DAN PERLENGKAPAN ANAK yang sangat terlengkap, menjual mulai dari MOBIL-MOBILAN, MAINAN DOKTER, TAS UNTUK ANAK, MODELLING, RACING, ROBOT, KITCHEN, BONEKA dan masih banyak ANEKA RAGAM MAINAN KHUSUS ANAK Anda.

Bekerja sama dengan 3 jasa pengiriman yang terpercaya seperti, TIKI, JNE dan POS INDONESIA.
Juga sudah terverifikasi sebagai toko terpercaya dari POLISI ONLINE, JUALO.COM, TOKOPEDIA.COM dan OLX.CO.ID.

Fitur pelayanan yang lengkap dengan TATA CARA BELANJA, CARA MENJADI RESELLER, KONFIRMASI PEMBAYARAN, NO RESI dan LAYANAN INFO PELANGGAN.
SUPPORT PELAYANAN 4 WAKTU yaitu PAGI, SIANG, SORE dan MALAM.

Tunggu apa lagi segeralah pesan dan berikan kegembiraan untuk putera puteri Anda dirumah.!!!

Untuk konfirmasi pembayaran dapat melalui rekening dibawah ini:

REKENING

BCAAn. Iryam Muchti Albani066-2565-936
MANDIRIAn. Irsyam Muchti Albani

Sunday, March 8, 2015

Creating New Folder With PHP (Simple Tutorial)

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Good Night All.
Today I will share simple tutorial about Creating New Folder With PHP.
Further to the steps.

Steps 1.
Your create new directory with name is "folder"

Steps 2.

Create new file html and save with name "form.html".

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="jual mainan anak, mainan anak lucu, mainan edukasi anak, dunia mainan murah, toko mainan bekasi, mainan murah bekasi, jual mainan murah, mainan anak murah, toko mainan murah, jual mainan bekasi" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Add New Folder</title>
</head>

<body>
<form action="folder_add.php" method="post">
Folder Name :<br />
<input name="fname" type="text" placeholder="Input folder name" /><br />
<input name="submit" type="submit" value="Create Folder" />
<input name="clear" type="reset" value="Reload" />
</form>
</body>
</html>

Steps 3.
Create new file php with name "folder_add.php"

<?php

$folder_name=$_POST['fname'];

$dir="folder";

if ($folder_name!="") {

$create_folder=mkdir ("$dir/$folder_name"); //creating folder

if ($create_folder) {

echo "<script> alert('Folder Added Success!'); javascript:history.back(); </script>"; //if folder success added (pesan jika folder berhasil dibuat)

}else{

echo "<script> alert('Error added Folder!'); javascript:history.back(); </script>"; //error if folder not creat (jika folder gagal dibuat)

}

else {

echo "<script> alert('No data form!'); javascript:history.back(); </script>"; //if form zero data (jika form kosong)

}

And now you can add all folder.
This is a simple tutorial about creating new folder if you want more of this I will give everything I can with the comments that you submit.

Thanks to All visitor.
See you in the next tutorial.

Hope it can help you all.
Bye-bye.