Kaya Informasi 1999: WEBSITE

Showing posts with label WEBSITE. Show all posts

Tuesday, July 21, 2015

GALLERY PHOTO THUMB WITH BOOTSTRAP 3 (DOWNLOAD)

Assalamu'alaikum Warohmatullohi Wabarokatuh.
Apaka kabar para pembaca.
Semoga kita semua selalu dalam lindungan Allah Tuhan Yang Maha Esa.
Amin Ya Robbal Alamin.

Pada kesempatan ini saya ingin berbagi sedikit mengenai BOOTSTRAP 3.
Ya, setelah saya pelajari ternyata bootstrap 3 lebih nyaman digunakan dari pada versi yang sebelumnya,
dan saya memcoba untuk membuat sebuah template yang nantinya akan saya gunakan untuk membuat
sebuah website Directory Alumni.

Website ini nantinya akan berisi data-data siswa/i tepatnya mantan siswa/i dari sebuah sekolah.
Dimana setiap mantan siswa/i tersebut bergabung di dalamnya untuk mengobrol, berbagi kenangan masa lalu,
dan hal-hal lain.

Eits, maaf.
Kembali ke judul besar kita, template ini tidak saya bandrol dengan harga.
Yaps, benar! Ini free... for you.

Langsung saja ini tampilannya :

Dan link downloadnya ada disini.
DOWNLOAD

Ya,walaupun masih jelek tapi sudah cukup deh untuk digunakan sebagai template website dibanding dengan template yang di buat dengan CSS sendiri.

Terima kasih atas kunjungan Anda.
Jika terdapat kata-ata yang SALAH saya meminta maaf,
Pada Allah saya meminta Ampun.
Akhirul kalam.
Wassalamu'alaikum Warohmatullohi Wabarokatuh.

Kritik dan Saran Anda dapat menjadi hal yang paling bermanfaat untuk blog ini.

Monday, July 20, 2015

ANGULAR JS INPUT FORM DAN COMBOBOX TUTORIAL

kAssalamu'alaikum Warohmatullohi Wabarokatuh.

Hay, apa kabar pembaca !
Pada hari ini saya akan membagikan sedikit trik form dengan ANGULAR.js
Nah,berikut ini adalah struktur dasar dalam penggunaan angular.js.

<!DOCTYPE html>
<html lang="en-US">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

//code-disini
</body>
</html>

Nah, bagi Anda yang ingin mendownload file angular.js untuk lokal bisa di download DISINI.
Sekarang mari kita lanjut ke contoh pertama ( dasar ).

Buat sebuah folder dengan nama "terserah" kemudian copy file angular.js kedalamnya.
Lalu, buat sebuah file dengan file editor dan simpan dengan nama input.php / input.html

Berikut code yang harus di buat :

<!DOCTYPE html>
<html lang="en-US">
<script src="angular.min.js"></script>
<body>

     <div ng-app="">
         <p>Nama Lengkap : <input type="text" ng-model="nama"></p>
         <h1>Selamat datang {{nama}}</h1>
    </div>
</body>
</html>
Untuk hasilnya Anda bisa melihatnya setelah Anda mencoba.

Kemudian kita inovasikan dengan sebuah combobox, menjadi seperti berikut :

<!DOCTYPE html>
<html lang="en-US">
<script src="angular.min.js"></script>
<body>

     <div ng-app="">
         <p>Nama Lengkap : <input type="text" ng-model="nama"></p>
         <p>Jenis Kelamin :
            <select ng-model="jkelamin">
            <option value="Laki-laki">Laki-laki</option>
                 <option value="Wanita">Wanita</option>
             </select>
         </p>

         <h1>Nama Lengkap {{nama}}</h1>
         <h1>Jenis Kelamin {{jkelamin}}</h1>
    </div>
</body>
</html>

Maka hasilnya adalah seperti dibawah ini :
Contoh :

Nama Lengkap :
Jenis Kelamin :

Nama Lengkap : {{nama}}

Jenis Kelamin : {{jkelamin}}

Sunday, June 21, 2015

MEMBUAT KONEKSI DENGAN VARIABEL, TANPA VARIABEL DAN DENGAN DEFINISI

KONEKSI DENGAN VARIABEL :

Dalam oneksi menggunakan variabel kita diharuskan membuat beberapa variabelnya terlebih dahulu,

Yaitu variabel host (untuk nama server), user (untuk user login ke server), password (berisi password login ke server), database (nama dari database yang telah dibuat).

<?php

$host="localhost";

$user="root";

$password="password_database";

$database="nama_database";

$koneksi=mysql_connect("$host","$user","$password");

$konek_database=mysql_select_db("$database");

if ($koneksi) {

//berhasil terkoneksi

}

else{

echo "gagal dalam melakukan koneksi server";

}

if ($konek_database) {

//berhasil terkoneksi ke database

}

else {

"gagal dalam melakukan koneksi ke database";

}

KONEKSI TANPA VARIABEL

Dalam koneksi tanpa variabel koneksi yang dibuat lebih sederhana.

<?php

mysql_connect("localhost","root","password")or die("gagal terkoneksi ke server");

mysql_select_db("nama_database")or die("gagal koneksi ke database");

DENGAN DEFINISI

<?php

define("host","localhost");

define("user","root");

define("password","password_server");

define("database","database_name");

@mysql_connect(host,user,password)or die("Gagal koneksi ke dalam server");

@mysql_select_db(database)or die("Gagal koneksike dalam database");

#Note : mysql_connect untuk membuat koneksi kedalam server.

#Note : mysql_select_db untuk membuat koneksi kedalam database.

Tuesday, June 16, 2015

UPLOAD GAMBAR DALAM PHP

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Selamat membaca postingan ini Sahabatku,
Karena pada kali ini, postingan yang akan saya tuliskan mengenai tata-cara mengupload sebuah gambar menggunakan bahasa pemrograman PHP.

DEMO atau DOWNLOAD

Langkah pertama buka text editor milik Anda, bisa menggunakan NOTEPAD, NOTEPAD++, COMODO EDITOR, ADOBE DREAMWEAVER dll.

Aktifkan/jalankan XAMPP (wampp,Apache2triad dll) sebagai server lokal Anda,
buat sebuah folder upload.
kemudian di dalam folder upload buat sebuah folder lagi dengan nama "img".

Langkah selanjutnya,
Copykan script berikut pada text editor Anda.

<form action="" method="post" enctype="multipart/form-data">
<input name="gambar" type="file">
<input name="submit" type="submit" value="Upload">
</form>

<?php
error_reporting(0);
$nama_gambar=$_FILES['gambar']['name'];
$lokasi=$_FILES['gambar']['tmp_name'];
$tujuan="img/$nama_gambar";

$submit=$_POST['submit'];

if ($submit) {
$upload=move_uploaded_file($lokasi,$tujuan);
if ($upload) {

echo "Berhasil di tambahan kedalam database";

}
else {
echo "gagal";
}
}
?>

oke, kemudian simpan dengan nama upload.php dan silahkan Anda coba dengan klik pada "choose file" atau "browse", cari sebuah gambar dan klik pada tombol upload.

Penjelasan dari setiap kode.

<form action="" method="post" enctype="multipart/form-data">
<input name="gambar" type="file">
<input name="submit" type="submit" value="Upload">
</form>

script ini adalah form untuk membuat pencarian file dan tombol untuk mengupload.

error_reporting(0);

kode diatas untuk menghilangkan error yang terdapat dalam php tersebut.

$nama_gambar=$_FILES['gambar']['name'];

kode ini berguna untuk mengambil nama dan ekstensi gambar yang kita upload.

$lokasi=$_FILES['gambar']['tmp_name'];

ini adalah lokasi awal file gambar berada.

$tujuan="img/$nama_gambar";

ini adalah lokasi dimana kita akan menempatkan file yang kita upload.
img adalah nama folder yang kita buat tadi sedangkan / adalah membuktikan bahwa file akan di upload ke dalam sebuah folder dengan $nama_gambar adalah file yang akan di tempatkan di dalam folder tersebut.

$submit=$_POST['submit'];

ini mengambil dari method tombol upload yang akan di klik.

if ($submit) {

jika tombol di klik

maka lakukan upload dengan perintah berikut.

$upload=move_uploaded_file($lokasi,$tujuan);

Jika upload berhasil
if ($upload) {
maka tampilkan tulisan
echo "File berhasil di upload";
}
jika tidak berhasil maka tampilan tulisan pemberitahuan
else {
echo "gagal";
}

Oke, terima asih atas partisipasi Anda dalam blog ini,
Semoga tulisan yang saya bagikan dapat bermanfaat bagi Anda, dan menambah pengetahuan Anda dalam mempelajari bahasa pemrograman PHP.

Wassalamu'alaikum Warohmatullohi Wabarokatuh.
Selamat mencoba dan Selamat berkreasi Sob.

Tuesday, May 12, 2015

MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 2

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Salam sejahtera sahabat.
Semoga kita selalu dalam lindungan-Nya.
Amin Ya Robbal Alamin.

Oke setelah tutorial yang saya tulis pada bagian pertama tersebut membahas tentang "MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian1" menjelaskan bagaimana langkah-langkah dalam pembuatan .htaccess.

Pada kali ini saya akan melanjutkan tutorial tersebut dengan pembuatan kode HTML dan CSS nya.
Langsung saja,
buka editor text milik Anda.

ketikan atau copy paste kode berikut.

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404 Not Found!</title>
<link href="css/404.css" rel="stylesheet" type="text/css" />
</head>

<body>
        <div class="error">The page you are looking for has not been found!</div>
    <div id="not-found">
        <div class="found">404</div>
    </div>
        <hr />
        <div class="error">Lets start again.</div>
</body>
</html>

Kemudian simpan dengan nama 404.html

Langkah selanjutnya buat sebuah folder dengan nama "css" kemudian buka lagi text editor milik Anda dan ketikkan atau copy paste kode berikut ini.

@charset "utf-8";
/* CSS Document */

* {
    padding:0;
    margin:0;
}
.error {
    width:960px;
    height:auto;
    margin:auto;
    text-align:center;
    font-family:chiller;
    font-size:3em;
    color:rgba(85,85,85,1);
    text-shadow:2px 4.5px 5px #AAAAAA;
}
#not-found {
    width:960px;
    height:auto;
    margin:auto;
    text-align:center;
}
.found {
    font-family:chiller;
    font-size:17em;
    color:rgba(255,153,0,1);
    text-shadow:2px 4.5px 5px #AAAAAA;
}
hr {
    width:31%;
    margin:auto;
    color:rgba(255,153,0,1);
    box-shadow:0px 2px 3px 2px #AAAAAA;
}

Simpan dengan nama 404.css dalam folder "css".

Selesai dan silahkan lihat tampilan 404.html tersebut pada browser kesukaan Anda.
Bagi Anda yang belum mengikuti tutorial bagian pertama bisa klik di bawah ini.
" MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 1"

Terima Kasih!
Sekian artikel yang dapat saya bagikan kepada Anda.
Semoga bermanfaat bagi Anda dan kita semua.

Wassalamu'alaikum Warohmatullohi Wabarokatuh.

MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 1

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Custom Error 404 Not Found With .htaccess

Selamat membaca sahabat!
Hari ini saya mulai memposting kembali artikel di blog ini setelah beberapa minggu istirahat.
Yah, sesuai dengan judul pada postingan ini kali ini akan dibahas yaitu membuat "MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess bagian 1" .

Oke, langsung saja.
Pertama buka terlebih dahulu text editor milik Anda bisa menggunakan Notepad bawaan Windows, Dreamweaver, Sublime, Dragon, Notepad++ atau text editor lainnya.

Di localhost / server lokal milik Anda (Disini saya menggunakan xampp).
buat sebuah folder dengan nama "percobaan".
Kemudian ketikkan code seperti berikut:

ErrorDocument 404 /percobaan/404.html

Lalu save dengan nama .htaccess .
Nah sekarang hanya tinggal membuat halaman 404.html.
Belum mengerti cara membuatnya?

Lihat pada link dibawah ini.
"MEMBUAT CUSTOM 404 ERROR NOT FOUND DENGAN .htaccess dan HTML bagian 2"

Sekian tutorial dari Admin.
Wassalamu'alaikum Warohmatullohi Wabarokatuh.
Sampai jumpa di postingan selanjutnya.

Monday, May 4, 2015

LICENSY SUBLIME 3

Assalamu'alaikum Warohmatullohi Wabarokatuh,

Now, I can share two license for sublime text editor for windows.

Copy this code for lincensy personal or single user :

----- BEGIN LICENSE -----
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
------ END LICENSE ------

And this for two user license :

----- BEGIN LICENSE -----
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
------ END LICENSE ------

For the step, you can see this link.
STEP-STEP FOR SUBMIT LICENSY SUBLIME ON WINDOWS.

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.

Tuesday, February 24, 2015

Belajar PHP Dasar (Hello World)

Assalamu'alaikum Warohmatullohi Wabarokatuh.

Pada hari ini saya akan berbagi tutorial belajar bahasa pemrograman PHP (Personal Home Page).
PHP atau Personal Home Page merupakan sebuah bahasa pemrograman yang kini sangat digemari oleh para programmer Indonesia dan Luar Negeri, baik Newbie maupun para Master Professional.

Karena bentu bahasanya yang cukup mudah dan indah.
Gampang karena struktur bahasa yang digunakan tidaklah sesulit bahasa-bahasa pemrograman lain.

Dan indah karena hasilnya yang sangat enak untuk dipandang. =D

Baik lanjut ke dalam judul kita yaitu "BELAJAR BAHASA PEMROGRAMAN DASAR PHP" .
Sebelum memulai php di anjurkan Anda untuk menginstall salah satu server berikut di Windows atau Linux (sistem Operasi) yang Anda gunakan.
Install salah satu programberikut:
Xampp, Wampp, Apache2Triad.

PHP selalu diapit oleh pembuka <?php dan di tutup oleh ?>.
contoh:
<?php ?>
Nah kemudian untuk menampilkan kata Hello World kita hanya perlu menambahkan Echo sebagai pemanggil dan memunculkan tulisan hello world.
contoh:
<?php
echo "Hello World";
?>
Nah sekarang simpan pada directory htdoct di Xampp, Wampp, Apache2Triad, atau aplikasi server lainnya.

Ok.
Cukup Sekian & Terima Kasih.
Wassalamu'alaikum Warohmatullohi Wabarokatuh.

Happy Blogging Guys.
Jangan Lupa untuk meninggalkan jejak komentar ya!