cara post dan pemanggilan link dengan Wordpress

nah kali ini ane ingin sharing pelajaran ane yaitu belajar wordpress
yang pertama kita belajar bagaimana cara memanggila sebuah link header,footer,sidebar dan navbar ke dalam index.php
cara nya cukup gampang yaitu kita menggunakan php
untuk pemanggilannya yaitu dengan cara
<?php get_header(); ?> //nah cukup menggunakan get biasa nya dalam bahasa pemrograman sering di sebut pengembalian nilai, nah logikanya file yang bernama header.php akan di kembalikan ke index.php
begitu juga dengan
<?php get_footer(); ?>
<?php get_sidebar(); ?>
<?php get_dan navbar(); ?>

trus bagaimana cara memanggil link css di bootstrap ke dalam index.php

nah disini kita hanya menggunakan style.css dan apabila kita menggunakan css bootsrap kita tinggal memanggil css bootstrap ke dalam style.css contohnya
@import url('css/bootstrap.min.css');
@import url('css/bootstrap-theme.min.css');
nah 2 baris di atas adalah bagai mana kita memanggil bootstrap.min.css dan bootstrap-theme.min.css  kedalam style.css

nah selanjut nya kita akan bahas bagaimana cara ngepost menggunakan wordpress
untuk ngepost sendiri kita bisa ambil script yang udah di sediakan oleh wordpress.org nah stelah itu seching the loop maka akan keluar contoh-contoh bagaimana cara menggunakan the loop
kemudian copy kan scrip tersebut lalu pindah kan ke konten index.php anda
kemudian coba post melalui wordpress anda

sekian dari saya kalo bingung chat aja ,sesulit apapun pertanyaan saya akan tetap menjawab meskipun cuman Y hahaha

Read More

Varian relasi dan Agregasi pada ERD

1. pertama kita akan membahas Varian relasi....

varian relasi terbagi atas 4 bagian yaitu:

1. relasi binner
2. relasi tunggal
3. relasi multy entitas
4. relasi ganda

• relasi binner

relasi binner adalah 2 buah entitas yang saling berhubungan dan tentunya sama, maksud sama di sini contoh nya entitas mahasiswa dengan entitas mata kuliah

• relasi tunggal

relasi tunggal yaitu sebuah himpunan entitas ke himpunan entitas itu sendiri

• relasi multy entitas

yaitu 3 buah entitas yang saling berhubungan

contoh entitas ruang,kuliah,dan dosen dengan relasi ajar

• relasi ganda

relasi ganda adalah dua buah entitas yang saling berhubungan tetapi tidak hanya satu relasi tetapi bisa lebih dari satu relasi

2. Agregasi

agregasi adalah hubungan antara entitas dengan relasi

contoh nya yaitu seorang mahasiswa mendaftar praktikum, nah sebelum mahasiswa daftar praktikum pastinya mahasiswa ambil mata kuliah dulu baru daftar praktikum

logikanya = entitas mahasiswa =>  relasi ambil => entitas matkul => relasi daftar => entitas praktikum

nah sekian dari saya salah kata saya mohon maaf...

kritik dan saran sangat saya butuh kan demi pengatahuan kita bersama

Read More

buat kalkulator dengan javascript

nah kali ini saya ingin share bagaimana sih buat javascript di html?
nah seperti biasa buat lah folder baru dan beri nama belajar js
kemudian buat index.php

selanjutnya copy script di bawah ini

<html>
<head>
<title>belajar java scrip kalkulator</title>
</head>
<body>
<form name="fkalkulator"><table>
<tr><td>masukan bilangan 1 = </td><td><input type="text" name="bil1"></td></tr>
<tr><td>masukan bilangan 2 = </td><td><input type="text" name="bil2"></td></tr>
<tr><td>hasilnya =</td><td><input type="text" name="hasil" onclick="penjumlahan()"></td></tr><br> </table><br>
<input type="button" name="" value="+" onmouseover="penjumlahan()">
<input type="button" name="" value="-" onmouseover="pengurangan()">
<input type="button" name="" value="*" onclick="perkalian()">
<input type="button" name="" value="/" onclick="pembagian()">
<br>
<input type="reset" name="" value="reset">
</form>

<script type="text/javascript">
function penjumlahan(){

var a=parseFloat(document.fkalkulator.bil1.value)
var b=parseFloat(document.fkalkulator.bil2.value)

var c=a+b
document.fkalkulator.hasil.value=c
}
function pengurangan(){

var a=parseFloat(document.fkalkulator.bil1.value)
var b=parseFloat(document.fkalkulator.bil2.value)

var d=a-b
document.fkalkulator.hasil.value=d
}
function perkalian(){

var a=parseFloat(document.fkalkulator.bil1.value)
var b=parseFloat(document.fkalkulator.bil2.value)

var e=a*b
document.fkalkulator.hasil.value=e
}
function pembagian(){

var a=parseFloat(document.fkalkulator.bil1.value)
var b=parseFloat(document.fkalkulator.bil2.value)

var f=a/b
document.fkalkulator.hasil.value=f
}
</script>
</body>
</html>

nah seperti yang kita lihat pada script di atas terdapat 2 buah inputan, 1 buah inputan hasil, dan 4 buah button dengan fungsi yang berbeda sesuai dengan aritmatika kali bagi tambah dan kurang, dan jugak ada tombol reset jika ingin mengosongkan nilai yang sudah di inputkan

<form name="fkalkulator">// nah pada script ini terdapat form yang memiliki name="fkalkulator" yang berfungsi untuk menandakan pada java script yang mana form yang mau di buat javascript nya
<table> // dan table ini hanya berfungsi untuk merapikan form yang kita buat
<tr><td>masukan bilangan 1 = </td><td><input type="text" name="bil1"></td></tr>//disini yang harus di perhatikan yaitu name="bil1" yang mana berfungsi untuk menjumlah kan bilangan pertama dengan bilangan kedua pada javascript nya
<tr><td>masukan bilangan 2 = </td><td><input type="text" name="bil2"></td></tr>////disini yang harus di perhatikan yaitu name="bil2" yang mana berfungsi untuk menjumlah kan bilangan kedua dengan bilangan pertama pada javascript nya
<tr><td>hasilnya =</td><td><input type="text" name="hasil"></td></tr>//disini yaitu untuk menampilkan hasil dari 2 buah bilangan tadi
<br> </table><br>
dan di bawah ini terdapat beberapa tombol yang berguna untuk memproses 2 buah bilangan kemudian di tampilkan ke inputan hasil
<input type="button" name="" value="+" onmouseover="penjumlahan()">//onmouseover berfungsi untuk menampilkan hasil cukup mengarah kan mouse ke button penjumlahan
<input type="button" name="" value="-" onmouseover="pengurangan()">
<input type="button" name="" value="*" onclick="perkalian()"> //onclick berfungsi untuk menampilkan hasil dengan mengklik button perkalian tsb
<input type="button" name="" value="/" onclick="pembagian()">
<br>
<input type="reset" name="" value="reset">
</form>

<script type="text/javascript">//untuk memulai javascript
function penjumlahan(){//sebuah function yang di gunakan untuk pemanggilan pada sebuah button

var a=parseFloat(document.fkalkulator.bil1.value) //pembentukan variabel pada javascript dari name bil1 menjadi variabel a
var b=parseFloat(document.fkalkulator.bil2.value)//pembentukan variabel pada javascript dari name bil2 menjadi variabel b

var c=a+b// proses dua buah varibel kemudian di masukan kedalam variabel baru yang kita buat terserah nama nya di sini saya menggunakan variable c
document.fkalkulator.hasil.value=c//untuk menampilkan hasil dari proses 2 buah variable tadi
}
</script>// jangan lupa ini utuk mengakhiri sebuah proses pada java script

nah cuman itu yang dapat saya sampai kan salah kata saya mohon maaf...
kalo ada yang eror bisa di coment di bawah ini

Read More

cara membuat menu pada navbar dengan layout css

langkah pertama yaitu buat sebuah folder dengan nama belajar
kemudian buat index.html di dalam folder belajar
lalu buat lagi style.css di dalam folder belajar

nah kalo yang di atas sudah buat copy kan script di bawah ini ke dalam index.html

<!DOCTYPE html>
<html>
<head>
<title>web profil</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="navbar">
<ul>
<li><a href="#">profil</a></li>
<li><a href="#">kontak us</a></li>
<li><a href="#">about</a></li>
</ul>
</div>
</body>
</html>

nah sedikit ane jelasin maksud program di atas
<link rel="stylesheet" type="text/css" href="style.css"> ini berguna untuk memanggil fungsi css pada style.css
<div class="navbar"> kalo yang ini berguna untuk membuat wadah untuk menu atau sering di sebut navbar

nah setalah yang di atas di buat maka kita buat menu di dalam navbar dengan ul dan li,
ul adalah kumpulan dari beberapa li sedangkan li adalah bagian yang terdapat di dalam ul begitu lah sekiranya kalo menggunakan bahasa saya hahaha

sedangkan <a href="#"> berguna untuk pemanggilan link jika mau

untuk css nya copy script di bawah ini

body{
background: rgb(240,249,255);
}

.navbar{
width: 100%;
height: 30px;
background-color: blue;
box-shadow:0 0 16px blue;
}
.navbar ul{
margin:0px;
padding:0px;
list-style: none;
}
.navbar ul li{
margin: 0px;
display: inline;
}
.navbar ul li a{
border-right: 1px solid white;
color: white;
border-radius:none;
color: white;
padding: 5px 5px;
display:inline-block;
}

nah sedikit penjelelasan tentang css di atas
kita lebih ke ul dan li nya aja karna kita membahas cara membuat menu di navbar
nah yang paling penting itu adalah bagian
list-style: none; nah fungsi ini bekerja untuk menghilangkan list pada li
display: inline; yang ini berguna untuk membuat posisi menu kesamping bukan kebawah
border-right: 1px solid white; yang ini berfungsi untuk membuat batasan pada setiap menu
display:inline-block; berguna untuk memposisikan nama menu ketengah dengan sedikit bantuan dari padding

cuman itu yang dapat saya share mudah-mudahan bermanfaat buat teman teman dan juga saya sendiri hehehe

Read More

belajar insert,innerjoin,&like

nah di sini saya ingin sharing bagaimana cara menggunakan beberapa function sql insert innerjoin dan like
sebelum nya saya akan jelasin apasih insert inner join dan like
insert=untuk memasukan sebuah data ke dalam tabel
innerjoin = untuk menghubungkan dari satu tabel ke tabel yang lainnya
like = yaitu pencarian data pada sebuah tabel

cara penulisan insert yaitu
INSERT INTO /nama tabel/ (/nama kolom/,/nama kolom/,....) values ('/data yg di isi/',...);
contoh
INSERT INTO mahasiswa (nim,nama) values ('18000127','irsyadpahlapi');

nim	nama
18000127	irsyad pahlapi

cara penulisan innerjoin yaitu
SELECT /kolom yang ingin di tampilkan/ from /tabel1/ innerjoin /tabel2/ on tabel1.nim=tabel2.nim;
contoh
SELECT nim,nama,nilai from mahasiswa innerjoin tb_nilai on mahasiswa.nim=tb_nilai.nim;

nim	nama	nilai
18000127	irsyad pahlapi	100

cara penulisan like yaitu
SELECT /nama kolom/ FROM /nama tabel/ WHERE /kolom yang ingin di cari/ LIKE '% /nama yang ingin di cari/ %';
SELECT * FROM mahasiswa WHERE nama LIKE '% pahlapi %';

nim	nama
18000127	irsyad pahlapi

nah begitulah kira kira cara penulisan nya kalo ada yang salah saya mohon maaf karna salah udah makanan sehari hari bagi laki-laki :D hehehe cucol dikit ndro ...

Read More

cara crud pada database

sebelum nya teman-teman udah tau apa itu CRUD?
alangkah baik nya saya jelasin sedikit apa itu CRUD
CRUD yaitu singkatan dari Create Read Update & Delete
Create = bagaimana membuat sebuah table
Read = bagaimana membaca atau menampilkan sebuah table
Update = bagaimana mengedit sebuah data yang sudah di simpan
Delete = bagaimana cara menghapus sebuah data

pertama kita belajar bagaimana sih membuat sebuah table atau dalam bahasa database nya yaitu Create...
CREATE /nama tabel/ ( nim /type data/(panjang data),nama /type data/(panjang data);
contoh
CREATE mahasiswa(nim varchar(10),nama varchar(30));

berarti disini kita telah membuat sebuah tabel yang bernama mahasiswa dan memiliki atribut,field,atau kolom nim dan nama contoh nya

tabel mahasiswa

nim	nama

yang kedua kita belajar Read yaitu cara menampilkan data tabel yang sudah kita buat tadi

SELECT * FROM /nama tabel/;
contoh
SELECT * FROM mahasiswa;

maka tabel mahasiswa akan di tampilkan seperti yang di bawah ini
tabel mahasiswa

nim	nama

tahap ketiga adalah update yaitu mengedit atau merubah data yang sudah di buat
sebelum nya kita umpamakan isi pada tabel mahasiswa yaitu
nim 180001817 dan nama farel pahlapi hehehe

nim	nama
180001817	farel pahlapi

nah kita ingin mengedit data di atas yaitu dengan cara
UPDATE /nama tabel/ SET /nama atribut/=/nama yang ingin diganti/ WHERE /nama kolom nim/='/nama nim sebagai patokan nama yang ingin di ganti';

UPDATE mahasiswa SET nama='irsyad pahlapi' WHERE nim='180001817';
maka hasilnya akan jadi seperti ini

nim	nama
180001817	irsyad pahlapi

tahap ke empat adalah delete yaitu menghapus data satu baris
DELETE FROM /nama tabel/ WHERE  /nama kolom yang menjadi patokan biasa nya nim/=/nama nim/;
contoh
DELETE FROM mahasiswa WHERE nim='180001817';
maka hasil nya seperti ini

nim	nama

cuman ini yang dapat ane share kalo ada yang salah mohon di koment biar ane bisa mengganti dan memberi informasi keteman-teman yang lain
dan kalo bahasa nya kurang jelas maklumin aja begitulah ane irsyad pahlapi :D hahaha

Read More

belajar layout website dengan css dari awal

disini kita belajar bagaimana sih buat css itu
nah berhubung saya gak bisa komat kamit kita langsung ke inti pembicaraannya aja
disini kita ingin membuat

1. header
2. navbar
3. sidebar
4. konten
5. footer

dan sedikit tambahan yaitu efek pada css itu sendiri seperti membuat foto oval, membuat foto bergerak dan membuat bagian-bagian css tadi sedikit memiliki shadow atau bayangan" gitu lah kalo gak salah kata kakak yang ngajarin di kampus

nah untuk membuat semua itu menjadi rapi kita butuh yang nama nya  bungkus untuk menjadi kan bagian" css tadi dalam satu kelompok
dari pada saya banyak ngomong ntar gak nyambung lagi langsung aja ke script nya


pertama buat folder terserah nama nya kalo saya biasanya buat nama folder nya belajar kemudian buat index.html dengan notepad lalu ganti .txt dengan .html kemudian copy script ini dan paste kan ke index yang kalian buat

<html>
<head>
<title>belajar layouting website dengan css</title>
<link rel="stylesheet" href="style.css"/ type="text/css">
</head>
<body>
<div class="bungkus">
<div class="header"></div>
<div class="nav">
<h1><b>Link</b></h1>
<ul>
<li><a href="http://pelajaraninformatikauad.blogspot.com" target="_blank">UAD</a></li>
<li><a href="http://pelajaraninformatikauad.blogspot.com" target="_blank">UAD</a></li>
<li><a href="http://pelajaraninformatikauad.blogspot.com" target="_blank">IRSYAD</a></li>
</ul>
</div>
<div class="aside">
<h2>hello mas Bro "^_^"</h2>
<div class="top"><h5><font type="algerian"></h5></div>
<p>sumatra barat adalah tempat yang sangat indah di indonesia itu pun sih kata orang minang :D,
kalo menurut saaya sih sumatra barat itu tempat yang paling spesial yang mana tempat tersebut masih
banyak tumbuhan hijau bahkan menurut saya sumatra barat itu lebih bagus dari pada jogja hehehe jangan
marah ya mas mas dan mbak mbak itu cuman curhatan blakang kampus kok hehehe...
tapi kalo teman teman gak percaya bisa kunjungi sendiri dan saya jugak sudah nyediaain web kemana saja
 hehehe kayak doraemon aja,jika teman teman mau ber kunjung dan apa saja makanan yang harus di coba atau yang tidak boleh di lupakan</p>
</div>
<div class="footer"><a href="http://pelajaraninformatikauad.blogspot.com" target="_blank">irsyad pahlapi</a></div>
</div>
</body>
</html>

kalo yang di atas udah di buat script nya kemudian buat satu lagi yaitu style.css kemudia copy script di bawah ini ke style yang kalian buat

body{
background:white;
padding:0 0 50px;
margin:0;
}

@keyframes myfirst
{
0%   {left:0px; top:0px;}
25%  {left:200px; top:0px;}
50%  {left:100px; top:0px;}
75%  {left:300px; top:0px;}
100% {left:100%; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0; top:0px;}
100% {left:85%; top:0px;}
}

.bungkus{
width:80%;
margin:auto auto auto auto;
background-color: none;
}
.header{
width:100%;
height:180px;
background-color:blue;
background-image:url('a.jpg');
background-size:100% auto;
background-repeat:no-repeat;
border-radius:5px 5px 5px 5px;
}
.nav{
float:left;
width:30%;
height:500px;
background-color:yellow;
border-radius:5px 5px 5px 5px;
}
.nav ul{
list-style:none;
padding:0;
margin:0;
}
.nav ul li a{
text-indent:30px;
padding:10px 15px;
color:#fff;
text-decoration:none;
display:inline-block;

}
.nav ul li a:hover{
background:#6699ee;
color:#33ccff;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transform:scale(1,1)rotate(360deg);
-moz-transform:scale(1,1) rotate(360deg);
-webkit-transform:scale(1,1) rotate(360deg);
box-shadow:10px 10px 30px rgba(0,0,0,0.7);
}
.aside{
float:right;
width:70%;
height:500px;
background-color:red;
border-radius:5px 5px 5px 5px;
box-shadow:5px 5px 50px 10px #6ff inset;
}
.top{
width:15%;
height:20%;
background-size:100% auto;
background-image:url('a.jpg');
border-radius:100% 100% 100% 100%;
position:relative;
animation:myfirst 5s infinite;
animation-direction:alternate;

-webkit-animation:myfirst 5s infinite;
-webkit-animation-direction:alternate;

}
.footer{
float:left;
width:100%;
height:40px;
background-color:green;
border-radius:5px 5px 5px 5px;
text-align:center;

}
.footer a{
text-decoration:none;
font-family:algerian;
font-size:30px;
}

p{

}

pada .top{ di atas terdapat background-image:url('a.jpg'); dan di .header{} juga terdapat foto nah yang a.jpg ganti dengan foto agan sendiri cara nya pilih salah satu foto yang mau agan buat jadi oval kemudian letakan foto di folder belajar tadi jadi ada 3 file foto.jpg index.html dan style.css kemudian cek foto agan tadi nama nya apa misal irsyad.jpg nah tinggal anda ganti aja di sana jadi background-image:url('irsyad.jpg')

Read More