[VIDEO] Membuat Foto Bergaya Text Art Typograph
 |
| Hasil Akhir |
Haii :3 Putri mau share video tutorial photoshop lagi nih, yaitu untuk membuat foto bergaya text art typograph menggunakan Adobe Photoshop. Bisa Photoshop berapa aja sih, cuma disini putri pake cs 6 buat contoh :3
Apa yang dibutuhin?
- Photoshop :b
- Brushnya. Bisa di Download via MediaFire DISINI
Dan ini dia videonya langsung aja yaps gausah banyak omong, capek tau ngomong terus :3 eh ngetik maksudnya :))
[VIDEO] Membuat Foto Bergaya Poster Dengan Photoshop
Bismillahirahmanirahim
Lumayan loh, kalo kalian pinter coding ditambah pinter photoshop :3 Kenapa? biasanya coding dan desain itu hampir selalu berikatan :3 Misalnya bikin logo dsb :)) Kali ini putri mau share cara membuat foto bergaya poster dengan Adobe Photoshop cs 6. Ini tonton aja, videonya udah putri bikinin kok :3
Bisa pake photoshop versi berapa aja. Tapi kalo yang putri jadiin buat contoh ini pake photoshop cs 6. Usahain pilih foto yang resolusinya tinggi alias ga pecah pecah biar gampang pas kalian ngecropnya :3
Selain itu kalo bisa fotonya yang agak terang, biar gampang juga pas ngecropnya ga ada yang kesenggol dikit :)) Udah deh gausah banyak omong langsung aja tonton videonya nih di bawah :p
Cara Daftar Domain dan Hosting
 |
| Illustrasi |
Cara Daftar Domain
Sebagai contoh, saya akan mengambil domain gratis.
Langkah 1:
Klik http://www.dot.tk dan masukan domain yang anda inginkan. contoh: mysite.tk dsb
Langkah 2:
- Pilih Forward this domain to: masukan saja url facebook.com itu hanya untuk sementara. Nanti akan kita ubah lagi.
- Untuk registration length, pilih 12 month. Tenang saja, nanti jika kita sudah mendaftar, maka akan menjadi unlimited.
- Masukin captcha, dan klik sign up. Jangan klik register without sign up
Langkah 3:
Sign in using salah satu akun anda. Contoh, akun google / facebook / yahoo, dsb. Di klik aja.
Langkah 4:
Tunggu sejenak, kemudian anda akan ter redirect ke halaman selanjutnya. Jika tidak teredirek, klik url my.dot.tk kemudian nanti akan ada tulisan akun anda pada bagian using withnya. Kemudian klik sign in saja. Kemudian anda daftar web hostingnya. Anda bisa daftar yang gratis atau pun berbayar. Yang gratis contohnya azuka.biz, 000webhost.com, idhostinger.com, dsb
Daftar Webhosting
Langkah 1:
Pergi ke web hosting yang kita inginkan. Sebagai contoh, kali ini saya mengambil 1freehosting.com
Langkah 2:
Klik Join Now
Langkah 3:
Isi semua data disitu dan klik submit
Langkah 4:
Buka email, sebagai verifikasi. Klik link / tautan yang berada di email
Langkah 5:
Login ke akun web hosting anda, klik control panel, terus klik "Create Now"
Langkah 6:
Isi semua data disitu. Untuk domain, pilih yang "I Will use my own domain" kemudian, isi kolom domain dengan domain yang tadi sudah anda daftarkan di dot.tk lalu klik submit
Langkah 7:
Tunggu proses pembuatan selesai, jika sudah, klik switch pada tombol yang ada di kolom dengan nama domain anda tadi
Langkah 8:
Klik details / profil information kemudian liat name servernya, serta ipnya. Jangan di close tab ini, anda buka tab baru, kemudian login ke dot.tk lagi
Langkah 9:
Setelah login di dot.tk anda pilih domain -> nama domain anda tadi -> setting / edit. Terus anda ubah dari URL Forwarder menjadi DNS Service. Kemudian pilih yang use my own DNS Service. Masukan Nameserver serta IPnya.
Untuk 1 freehosting: ns1.1freehosting.com dan ns2.1freehosting.com
Langkah 10:
Klik OK
Langkah 11:
Tunggu beberapa saat, kemudian akses domain yang sudah anda bikin di dot.tk tadi. Jika website sudah berkerja, berarti website anda sudah bisa diotak atik
Langkah 12:
Login ke web hosting anda -> control panel -> switch -> file manager. Nah di file manager inilah anda bisa membuat program. Ke public_html -> delete semua file di public_html. Kemudian klik New File, beri nama index.html kemudian klik edit pada file index.html. Anda bisa membuat website anda sendiri dengan cara yang mudah, dari tutorial tutorial di website Jagocoding ini!
Sekian dari saya, jika ada yang ingin ditanyakan bisa bertanya lewat komentar. Terimakasih :)
Membuat Background Sedikit Transparan Dengan CSS RGBA
Bismillahirahmanirahim
Setelah sekian lama ga bikin tutor, akhirnya saya bikin lagi nih :3. Abis mantepin ilmu tentang web security, jadi maklum vacuum agak lama (ga ada yang nanya :p, cuma mau proklamasi :p). Oke kali ini saya akan mejelaskan tentang membuat background transparan menggunakan CSS RGB Color
Apa Bedanya RGB Sama Opacity?
Walaupun hasilnya hampir sama, tapi beda. RGB itu dia hanya akan mengurangi ketebalan warna di backgroundnya saja. Namun Opacity itu akan mengurangi ketebalan warna di keseluruhan bagian dari area yang di beri CSS Opacity. Masih belum ngerti? kita praktekin aja deh biar ngerti :3
1. Bikin cssnya aja dulu deh
Nih CSSnya yang simpel aja ya gausah ribet ribet
Liat di bagian wrapper itu ada css background-color:rgba(255,255,255,0.8). maksudnya adalah sama aja kaya biasa, cuma kita pake rgb. Terus angka dapet dari mana yang 255,255,255,0.8 itu? Itu adalah gabungan dari ketiga warna, yaitu R untuk Red atau Merah, G untuk Green atau Hijau, dan B untuk Blue atau biru. Biar gampang, kalian bisa search di google dengan keyword "RGBA Color Picker" untuk menemukan warna yang kalian inginkan dalam bentuk RGB.
Kemudian, 0.8 itu bersifat seperti opacity. Semakin besar nilainya, semakin tebal warnanya, semakin kecil nilainya, semakin transparanlah dia. Simpan kode diatas, berinama style.css . Lalu hasilnya gimana? Kita coba aja gabungin dengan HTML Berikut:
Terlihatkan Hasilnya? :3 dia menjadi agak transparan. Agar lebih jelas lagi, coba body background colornya kalian ubah dengan link image yang kalian ingin, jadi terlihat lebih jelas lagi :3
Oke sekian dari saya, kalo ada yang ingin ditanyakan ya tanyakan saja lewat komentar :3
Read more ...
Setelah sekian lama ga bikin tutor, akhirnya saya bikin lagi nih :3. Abis mantepin ilmu tentang web security, jadi maklum vacuum agak lama (ga ada yang nanya :p, cuma mau proklamasi :p). Oke kali ini saya akan mejelaskan tentang membuat background transparan menggunakan CSS RGB Color
Apa Bedanya RGB Sama Opacity?
Walaupun hasilnya hampir sama, tapi beda. RGB itu dia hanya akan mengurangi ketebalan warna di backgroundnya saja. Namun Opacity itu akan mengurangi ketebalan warna di keseluruhan bagian dari area yang di beri CSS Opacity. Masih belum ngerti? kita praktekin aja deh biar ngerti :3
1. Bikin cssnya aja dulu deh
Nih CSSnya yang simpel aja ya gausah ribet ribet
*{
font-size: 12px;
font-family: sans-serif;
}
body{
background:#000000;
margin: 0;
}
h1{
font-size: 36px;
margin: 0;
}
#wrapper{
width: 950px;
margin: auto;
background-color:rgba(255,255,255,0.8);
border-radius: 50px;
}
#header{
height: auto;
background: transparent;
margin-top: 12%;
}
font-size: 12px;
font-family: sans-serif;
}
body{
background:#000000;
margin: 0;
}
h1{
font-size: 36px;
margin: 0;
}
#wrapper{
width: 950px;
margin: auto;
background-color:rgba(255,255,255,0.8);
border-radius: 50px;
}
#header{
height: auto;
background: transparent;
margin-top: 12%;
}
Liat di bagian wrapper itu ada css background-color:rgba(255,255,255,0.8). maksudnya adalah sama aja kaya biasa, cuma kita pake rgb. Terus angka dapet dari mana yang 255,255,255,0.8 itu? Itu adalah gabungan dari ketiga warna, yaitu R untuk Red atau Merah, G untuk Green atau Hijau, dan B untuk Blue atau biru. Biar gampang, kalian bisa search di google dengan keyword "RGBA Color Picker" untuk menemukan warna yang kalian inginkan dalam bentuk RGB.
Kemudian, 0.8 itu bersifat seperti opacity. Semakin besar nilainya, semakin tebal warnanya, semakin kecil nilainya, semakin transparanlah dia. Simpan kode diatas, berinama style.css . Lalu hasilnya gimana? Kita coba aja gabungin dengan HTML Berikut:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css" />
<title>PutriAmaal</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<center><h1>PutriAmaal</h1></center>
</div>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css" />
<title>PutriAmaal</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<center><h1>PutriAmaal</h1></center>
</div>
</div>
</body>
</html>
Terlihatkan Hasilnya? :3 dia menjadi agak transparan. Agar lebih jelas lagi, coba body background colornya kalian ubah dengan link image yang kalian ingin, jadi terlihat lebih jelas lagi :3
Oke sekian dari saya, kalo ada yang ingin ditanyakan ya tanyakan saja lewat komentar :3
Membuat Simple Counter dengan PHP dan TXT
Halo bro / sista, kali ini putri mau jelasin cara membuat simple counter menggunakan PHP dan TXT. jadi cukup 2 file aja, yaitu counter.php dan counter.txt :3
ini untuk counter.php nya:
nah terus cara penggunaannya gimana?
di include di file index.php atau dimanalah yang penting formatnya php. cara includenya pake php include :3
jadi misalnya gini
Read more ...
ini untuk counter.php nya:
<?phplalu buat file counter.txt kosong aja isinya :3
$filename = 'counter.txt'; //mendefinisikan nama file untuk menyimpan counter
function counter(){ //function counter
global $filename; //set global variabel $filename
if(file_exists($filename)){ //jika file counter.txt ada
$value = file_get_contents($filename); //set value = nilai di notepad
}else{ //jika file counter.txt tidak ada maka akan membuat file counter.txt
$value = 0; //kemudian set value = 0
}
file_put_contents($filename, ++$value); //menuliskan kedalam file counter.txt value+1
}
counter(); //menjalankan function counter
echo 'Total Pageview: '.file_get_contents($filename); //menampilkan counter di website
?>
nah terus cara penggunaannya gimana?
di include di file index.php atau dimanalah yang penting formatnya php. cara includenya pake php include :3
jadi misalnya gini
<div id='pageview'><?php include 'counter.php';?></div>okeh cukup sekian :3
on
1 comment
Contoh Program PHP & Mysql Dengan Admin Panel
Ini, ganteng cms pertama yang pernah gua buat. sebenernya udah banyak yang gua buat cuma ga pernah gua publish, semua di localhost. ini pemrogramman dasar, dimana fungsi php nya masih ada di setiap file, di file ini juga lengkap ada admin panelnya, BUAT PEMBELAJARAN. silahkan perhatikan setiap kode, tabel mysql + output (hasilnya). Ini contoh program ada slidernya, uploadernya, text editor, silahkan di coba coba :3
Himbauan:
1. kalo mau ditaruh di localhost, butuh mysql juga ya:))
2. baca README.txt sama INSTALLATION.txt nya
3. Kalo masih belum paham cara installnya, chat aja:))
4. ITU UDAH LENGKAP ADA ADMIN PANELNYA, JADI PERHATIIN BAIK BAIK KODENYA BAIK DARI DIRECTORY UTAMA SAMA DARI DIRECTORY /adminganteng
template & layout belajar dari e-booknya ariona.net
oke cukup sekian, maap baru sempet upload.
Via MediaFire: DOWNLOAD
Read more ...
Himbauan:
1. kalo mau ditaruh di localhost, butuh mysql juga ya:))
2. baca README.txt sama INSTALLATION.txt nya
3. Kalo masih belum paham cara installnya, chat aja:))
4. ITU UDAH LENGKAP ADA ADMIN PANELNYA, JADI PERHATIIN BAIK BAIK KODENYA BAIK DARI DIRECTORY UTAMA SAMA DARI DIRECTORY /adminganteng
template & layout belajar dari e-booknya ariona.net
oke cukup sekian, maap baru sempet upload.
Via MediaFire: DOWNLOAD