Category: Tutorial


Kursus Corel Draw Di Purwakarta

By Irvan Galuh,

Corel draw adalah salah satu software grafis yang banyak di gunakan di industri design grafis. baik itu percetakan atau design digital. dengan menguasai software ini anda dapat memiliki skill di bidang design grafis dengan baik. memiliki skill corel draw membuka jalan anda untuk bekerja di perusahaan design grafis ataupun membuka bisnis sendiri di bidang design.

 

ada banyak lowongan kerja dan peluang usaha yang bisa anda dapatkan jika anda kursus corel draw di purwakarta. anda bisa bekerja sebagai desainer grafis, atau bisa membuka usaha percetakan di purwakarta. oleh karena itu ayo segera kursus corel draw di purwakarta dan bergabung bersama alego creative studio.

jika anda sedang mencari tempat Kursus Corel Draw  Di Purwakarta. alego cretive studio membuka kursus corel draw di purwakarta.

hal apa saja yang akan anda pelajari jika belajar corel di draw di alego creative studio?

1. mengenal dasar corel draw

2. membuat logo menggunakan corel draw

3. membuat vector wajah menggunakan corel draw

4. mendesign majalah menggunakan corel draw

5. membuat brosur, pamflet, spanduk dan media advertise lainya.

selain program di atas materi dapat di sesuaikan dengan kebutuhan anda.

berikut rincian biaya kursus corel draw di purwakarta (alego creative studio)

reguler intensif private pertemuan
Rp 700.000 Rp 800.000 Rp 1000.000 12 x 90 menit

Alego Creative Studio

Jalan Ipik Gandamanah nomor 82 Purwakarta

0857 8137 0757

Kursus Autocad di daerah purwakarta

By Irvan Galuh,

kebutuhan autocad di daerah purwakarta sangat tinggi. banyak perusahaan yang membuka lowongan pekerjaan untuk yang mampu mengoperasikan dengan baik. untuk itu anda harus menguasai program autocad. salah satu caranya adalah dengan mengikuti kursus autocad di daerah purwakarta. alego studio membuka kursus autocad di daerah purwakarta. ada banyak hal yang akan anda pelajari jika mengikuti kursus autocad di alego studio.

bagi anda yang sedang mencari kursus autocad di daerah purwakarta. alego creative studio membuka kelas pelatihan untuk autocad.

AutoCAD merupakan aplikasi yang digunakan untuk membuat gambar 2D dan 3D, aplikasi ini diakui oleh Dunia dalam berbagai bidang khususnya Teknik, diantaranya adalah :

1. Civil Engineering

2. Mechanical Engineering

3. Electrical Engineering Materi

 

untuk AutoCAD 2D meliputi sebagai berikut :

1. Drawing 2D

2. Modifying 2D

3. Plotting

Materi untuk AutoCAD 3D meliputi sebagai berikut :

1. Modeling 3D

2. Solid Editing 2D

3. Plotting

4. Rendering

Diharapkan setelah mengikuti Kursus AutoCAD ini, siswa dapat mengaplikasikannya di dunia insdustri. Untuk informasi mengenai Program Kursus ini bisa menghubungi kami di

phone : 0857 8137 0757

email : alegocreativestudio@gmail.com

address : jalan ipik gandamanah nomor 82 purwakarta

Apresiasi Persib Juara Melalui Pameran Fotografi

By Irvan Galuh,

persib juara-1

Sepak bola, mungkin sebuah cabang olah raga yang paling digemari di muka bumi. Menurut data yang dikeluarkan oleh BBC  bahwa tahun 2010 rata-rata setiap satu pertandingan di Piala Dunia ditonton oleh 188,4 juta orang. FIFA sendiri selaku badan dunia yang mengurusi sepak bola pada penyelenggaraan Piala Dunia 2010 yang diselenggarakan di Afrika Selatan merilis data yang menunjukkan bahwa 3,2 miliar orang menyaksikan setidaknya satu menit Piala Dunia. Dalam sebuah pertandingan sepak bola supporter juga sebagai kekuatan. Bahkan Jock Stein pernah mengatakan,football is nothing without fans. Dukungan para supporter ini sangat berarti bagi para pemain sepak bola, ini juga yang dirasakan oleh Garry Neville ketika berlaga di lapangan hijau, “Without them you don’t have anything,” ujarnya.

Banyak cara dilakukan oleh para suporter untuk mendukung tim kesayangannya. Mulai dari menggunakan atribut yang melambangkan tim kesayangannya hingga yel-yel pembakar semangat. Tapi sesuatu yang agak berbeda ditampilkan oleh supporter Persib Bandung atau lebih dikenal dengan bobotoh. Bobotoh yang tergabung dalam WFB (Wartawan Foto Bandung) ini mengapresiasikan kecintaannya terhadap klub kebanggaan kota Bandung ini dengan menggelar pameran foto bersama dari hasil liputan mereka yang diberi judul Persib Juara 2104.

Pameran Foto Bersama “Persib Juara 2014″ ini melibatkan para pewarta foto dari beberapa media antara lain, PIKIRAN RAKYAT: Andri Gurnita, Ade Bayu Indra, Usep Usman Nasrulloh, Harry Surjana, Armin Abdul Jabbar, Deden Iman, Arif Hidayah, Dudi Sugandi; TRIBUN JABAR: Deni Denaswara dan Gani Kurniawan; KORAN SINDO JABAR: Irfan Al-faritsi, Adam Erlangga, Djuli Pamungkas, Dede Arip Rachman; KOMPAS: RonyAriyanto ; GALAMEDIA: M. Fadillah, Darmalegi, Deni Sahbudin; REPUBLIKA: Yogi Ardhi, Septianjar Muharam, Edi Yusuf; INILAH KORAN: Bambang Prasetyo, Samsoedin Nasution; RADAR BANDUNG: Ramdhani, Khairizal Maris; BANDUNG EKSPRESS: Denny Kusdinar, Fajri Achmad; KORAN TEMPO: Prima Mulia, Aditya Herlambang Putra; PERSIB.CO.ID: Jatnika Sadili; SIMAMAUNG.COM:  Otto Sya’ban Pramadhan; SUARABOBOTOH.COM: Helmi M Permana, Tri Aji; BANDUNGNEWSPHOTO.COM: AdamHusein, Agustian Putra; JUARANEWS.COM: Arif Rahman; MEDIA INDONESIA:  Rommy Pujianto dan TOP SKOR:  Jessica Margaretha. Pameran ini  dikuratori oleh para wartawan senior yakni Zelphi, M. Gelora Sapta dan Imam Cahyadi.

Pameran tersebut berlangsung dari tanggal 19 Januari hingga 1 Februari 2015 di Gedung Indonesia Menggugat, Jalan Perintis Kemerdekaan No. 5 Bandung. Persib Juara memamerkan 75 buah karya fotografi yang dicetak dengan ukuran 60 x 80 cm ini dibagai dalam beberapa kategori. Kategori pertama yakni, “Perayaan Juara”. Pada kategori ini memperlihatkan bagaimana Persib disambut begitu meriah oleh sebagian besar masyarakat Bandung. Hal ini bisa terlihat dari karya foto yang ditampilkan oleh  Deden Iman dengan judul Pesta Rakyat Syukuran Persib. Pada karya fotonya, Deden merekam momen ketika para pemain Persib Bandung disambut ribuan bobotoh saat mengarak trofi kemenangan di Jalan AH Nasoetion, Kota Bandung.

Kategori kedua yaitu “Persiapan”, mengenai momen saat Persib melakukan sesi latihan, seperti yang ditunjukkan dalam karya foto Otto Sya’ban Pramadhan yang berjudul “Latihan Dengan Masker”. Pada karya ini memperlihatkan skuad Persib Bandung mengenakan masker saat menggelar sesi latihan di Stadion Persib, Bandung. Penggunaan masker untuk mengantisipasi dampak abu vulkanik dari erupsi Gunung Kelud. Kategori selanjutnya yaitu Persib Juara, menampilkan saat-saat Persib mengangkat trophy seperti foto yang diabadikan oleh Deni Denaswara dalam fotonya yang beri judul “Angkat Trophy”. Foto ini memperlihatkan saat Manajer Persib Bandung, Umuh Muchtar bersama pemain mengangkat trophy Liga Super Indonesia 2014 seusai pertandingan babak final lawan Persipura Jayapura di Stadion Jakabaring, Palembang.

Untuk kategori Pertandingan LSI 2014 ini berisikan berbagai rekaman peristiwa-peristiwa yang dilalui oleh Persib selama musim kompetisi 2014 yang lalu. Salah satunya foto karya Andri Gurnita yang diberi judul “Jatuh Terjerembab”. Dalam fotonya tersebut memperlihatkan salah satu pemain tengah Persib M Taufik berjibaku dan jatuh terjerembab saat membawa bola akibat dihadang pemain Persita Hari Habrian pada pertandingan Liga Super Indonesia di Stadion Si Jalak Harupat, Kab. Bandung. Pada kategori Sisi Lain, Wartawan Foto Bandung merekam kegiatan Persib di luar lapangan hijau. Seperti yang ditampilkan oleh Armin Abdul Jabbar dalam karyanya yang berjudul “Joged Bersama”. Dalam karyanya ini, Armin memperlihatkan Skuad Persib Bandung yang sedang berjoged bersama saat menghadiri pernikahan Hariono-Fianita di Sidoarjo, Jawa Timur.

Disela-sela pameran yang sedang berlangsung, Andri Gurnita selaku ketua dari WFB menjelaskan latar belakang diselenggarakan pameran Persib Juara. “Ini moment yang luar biasa ketika Persib menjadi juara setalah 19 tahun. Dengan diselenggarakan pameran ini, saya dan rekan-rekan dapat memberikan suatu catatan sejarah rekaman visual Persib dalam mengarungi kompetisi tahun 2014. Sejak awal hingga perayaan kemenangan kepada masyarakat dan bobotoh yang tidak sempat hadir dalam setiap pertandingan atau menyaksikan momen-momen yang dilalui oleh Persib.” tuturnya.

Komentar yang berkenaan dengan pameran ini juga datang dari seorang pengunjung dan Bobotoh, Sony. Ia sangat mengapresiasi pameran foto ini, “Pameran ini bisa menjadi bukti sejarah.” ujarnya. Berbeda seperti yang diungkap oleh Ricky N Sas. Ia lebih mintikberatkan apresiasinya terhadap foto-foto yang lebih memiliki nilai humanis dan mempunyai relasi antara Persib dan Bobotoh. “Foto-foto seperti itu mewakili siapa sebenarnya Bobotoh,” ungkap Ricky. Baik Sony maupun Ricky N Sas mempunyai suatu pengharapan dengan diselenggarakan pameran ini bisa lebih memotivasi Persib untuk lebih berprestasi dimasa yang akan datang.

 

SUMBER

Cara Membuat AC sendiri Murah dan Mudah

By Irvan Galuh,

Purwakarta itu panasnya minta ampun. Bisa bikin hubungan asmara yang adem ayem langsung runyem. Loh?
Bisa bikin yang malas mandi jadi sering mandi. Bisa bikin kurus tanpa harus olahraga. Pokoknya panas.
Solusi dari panas adalah pasang AC atau air kondesyener 🙁

Masalah yang timbul adalah pasang AC itu mahal. Yang ada Cuma kipas angin yang berguna menggerakan udara yang panas. Nah setelah googling sana sini akhirnya dan ternyata kita bisa membuat AC sendiri dengan murah dan mudah. Kamu hanya butuh setetes kreatifitas (ciyee) oke mulai

Bahan-bahan Yang diperlukan untuk membuat AC Sendiri :

  1. Kipas angin rumah (Stand/Duduk) ukuran agak besar/seadanya.
  2. Cooper Tubing/Pipa Tembaga ukuran 3/16″ panjang terserah. (Beli di toko AC/Perlengkapan AC, Tukang Service AC) 8rb – 13rb/Meter
  3. Cable Ties secukupnya
  4. Pompa akuarium kecil (Beli di toko akuarium) 45-65rb/pcs
  5. Pipa plastik 3/16″ Beli di toko bangunan. Harga –
  6. Tandon air (Termos Es) Bisa pake stereofoam bekas tempat ikan.

ESTIMASI PENGELUARAN Rp. 100.000,-

Harga ga termasuk Kipas Angin, peralatan tambahan, dll

CARA MEMBUAT :

1. Siapkan Kipas Angin dan Copper Tubing
2. Lilitkan Copper tubing di depan kipas angin

Usahakan jangan sampai pipa tertekuk/patah

Kencengin pake Kabel Ties

3. Sambungkan Pipa tembaga sama pipa plastik

Tinggal sambung aja. Ga perlu repot.

Kalo pas dapet pipa yg ukurannya beda, bisa dikencengin pake klem. Biar ga bocor

4. Siapin pompa akuarium. cek mana inlet mana outlet. Terserah agan mo pake yg sebelah mana

Biarkan ujung yang lain bebas. Untuk masuk/keluar air. Saatnya buat uji coba hasil karya kamu…. Isikan air dingin di Tandon air/Termos Es. Kalo perlu tambahkan ES balok biar dingin!

AC sederhana kamu siap digunakan! Selamat mencoba.

Prinsip kerja sederhana
Air dingin yang dipompakan ke pipa tembaga menyebabkan pipa tersebut menurun suhunya. Sesuai prisip kondensasi.
Suhu dingin di sekitar pipa dihembuskan oleh angin dari kipas.
Secara teknis suhu angin keluar dari kipas lebih dingin dari pada suhu ruang.
Maka, dingin deh ruangannya… Its simple!
Cocok buat kamar yang tertutup (seperti AC sehingga dingin ruangan tetap terjaga dan optimal)

sumber

Infografis Ujian Nasional 2015

By Irvan Galuh,

U

jian nasional 2015 sebentar lagi akan dimulai, pada tahun 2015 ini ada beberapa perbedaan dari tahun-tahun sebelumnya, berikut infografis Ujian Nasional tahun 2015:

sumber bacadulu.net

PELUANG BISNIS DI PURWAKARTA [bagian 1]

By Irvan Galuh,

Purwakarta itu kota berkembang, banyak peluang bisnis di purwakarta. Kau hanya harus sedikit lebih jeli melihat peluang bisnis di purwakarta. Darimana datangnya peluang? DARITADIL.Oke sori sori santai bro jangan terlalu serius, sebab mereka mereka yang terlalu serius adalah mereka mereka yang gampang stres dan marah-marah hahaha.
Oke kembali ke bahasan kita tentang peluang bisnis ya, cukup simple sebetulnya. Kamu hanya tinggal bercermin ke kota-kota besar yang ada di indonesia. Misalnya bandung, jakarta, jogja dll. Purwakarta itu kota industri, dimana akan banyak pendatang dari kota lain yang menetap di kota ini. Dan mereka akan menjadi sangat sibuk karena harus kerja di pabrik dari pagi sampai malam. dan ingat manusia itu adalah mahluk berkebutuhan. Maka dari itu mereka membutuhkan sandang papan pangan dll. Jadi apa saja ide bisnisnya? Oke kita bahasa satu persatu ya.
1.      MENYEDIAKAN SARAPAN INSTAN.
Ah atuh euy yang begituan mah banyak di purwakarta juga. Tukang bubur ge ngajajar. Kupat tahu komo. Oke  betul. Tapi gini. Tidak semua orang sempat pergi ke tukang bubur. Atau ada beberapa kalangan yang mengidamkan makanan dengan brand. Oke saya ulang kembali BRANDING! Jadi gini lads. Misal nih ya.. di lingkungan kamu ada tukang nasi kuning yang laku pisan lah pokoknya mah. Kamu jual lagi aja dengan cara “ANTAR BOLA” atau bisa juga jualan online untuk nasi kuning. GILA? Iya tapi itu sudah di coba di kota kota lain dan berhasil. Buat kardus yang menarik untuk nasi kuning. Buat seakan-akan nasi kuning buatan kamu itu bermerek dan ada sisi pride. Intinya adalah kemas ulang dari produk yang sudah ada. Oke itu satu ya..
next masuk ke ide berikutnya.
2.      JASA DESIGN GRAFIS
Ingat ya purwakarta itu adalah kota berkembang, akan banyak bisnis kecil dan bisnis besar yang berdiri disini. Kebutuhan akan perikalanan akan mulai tumbuh di purwakarta.siapa yang dibutuhkan untuk iklan? Adalah mereka yang mampu mendesign spanduk, flyer, neon box dll. Jadi kalo kamu punya skill design grafis. Coba buka jasa pembuatan kartu nama dll. Pasti ada kok pasarnya.
3.       JASA PESAN ANTAR
Ide bisnis ini sudah pernah saya jalankan dan masih. Hanya saja saya terganjal masalah waktu dan tenaga. Saya sendiri sudah sibuk dengan bisnis yang sedang saya jalankan sekarang(kursus komputer). Jadi gini, tidak semua orang punya waktu untuk belanja. Ambil barang kecil yang ketinggalan dan lain-lain. Nah peluang
itu yang harus kita manfaatkan. Order yang sudah saya terima sangat sepele. Kirim rokok dari sadang ke simpang, belanja kebutuhan di supermarket, beli soto, beli sate maranggi dll. Sangat pekerjaan mudah yang sebetulnya bisa kita beli sendiri. Tapi ingat, tidak semua orang mempunyai waktu dan itu harus kita manfaatkan. Jasa pesan antar yang saya buat saya beri label “KANG ANTER” jadi tetap harus di branding ya.
okeh segini dulu kali ya.. ide bisnis lainya bersambung di bagian 2 😀

 

5 Cara aman menonton konser “SUPERMAN IS DEAD”

By Irvan Galuh,

menonton konser musik cadas seperti superman is dead memang terkadang memiliki resiko tersendiri. baik bagi jiwa maupun raga kita. oleh karena itu silahkan di simak tips dari PAPA ROCK berikut ini agar kalian tetap aman sehat lestari ketika datang ke GIGS.

oke sekarang sudah paham kan aturan mainnya? sampai jumpa di lantai dansa.

KERJA PART TIME

By Irvan Galuh,

http://www.writergirl.com/wp-content/uploads/2014/12/freelance.jpg

berikut adalah tips bagi kamu yang sedang kebingungan mencari kerjaan paruh waktu atau kerja part time

1. BANYAKIN TEMEN

Kenapa coba harus banyak temen? ya soalnya kan kalo banyak temen ya siapa tau gitu kan bapaknya, om nya, tetangganya, musuhnya, pacarnya,selingkuhanya atau siapapun gitu lagi butuh bantuan. Kan kamu bisa segera menawarkan diri buat nawarin bantuan. Sukur sukur dibayar, kalo nggak ya anggap aja amal toh. Ya intinya semakin kamu punya banyak teman, semakin terbuka lebar juga jalan kamu untuk mendapatkan informasi kerjaan partime.

2. SERING SERING KUKULINTINGAN

Tau ga kamu apa itu kukulintingan? anjir nemen we ai gatau mah. jadi yah saat kamu menggerakan itu kamu punya kaki bergerak maju kedepan yah dan tanpa tujuan itu artinya KUKULINTINGAN. Bahasa gaulnya mah udar ider. Biar apa cenah kukulintingan teh gaes? biar banyak melihat atuh. Biar banyak melihat yang kira kira bisa jadi kerjaan part time.. misal kamu lagi kukulintingan di pasar terus liat ada yang lagi ngangkutin barang. Kan bisa tah kamu nawarin ngangkutin barang. Jangan gengsi da hirupmah peurih. Kan nanti dapat uang bisa beli kuota jang maen COC hahaha. Anjir kamu gatau COC? ah karunya sini lah maen ke redaksi kita di kasi liat :p

3. BANYAK TATANYA

Gimana cenah maksudnya? jadi ya banyak nanya. Saha we tanya, setiap orang yang lewat di hadapan hidung kamu. Tanyain weh.. heh maneh orang mana anak saha imah dimana? langsung we ngeRAP sama aa ebit bit E. ngerti kan maksudnya? tanyain we siapapun. Udah punya pacar belum? misal diajawab belum. Langsung kamu jawab. Sanguan we tah jomblo bray watir! tapi ketang nanti dia baeud. Pokonya mah tatanya we ke
siapapun. Eh eh ada kerjaan ga euy buat aku gitu ini lagi butuh uang.

4. BANYAK BERDOA TJOY

adi yah kata si mamah juga kalo kita lagi berusaha jangan lupa berdoa. Biar di kabulkan keinginan kita teh. Nah sok yah kamu suka ngadoa ga? da kamu mah ai ngadoa teh kalo pas nembak we euy. Jadi harus ngadoa teh.. misal yah.. ngadoa supaya si tohir dapet kerjaan baru jadi kerjaan dia yg lamateh kosong jadi kamu bisa ngalamar didinya sebagai karyawan partime. Banyak we pokoknya mah kudu ngadoa ulah poho gaes!

Membuat Popup Image Gallery Dengan Jquery dan HTML5

By Irvan Galuh,

 
Image Popup atau Photo Popup yaitu gambar gambar yang akan menampilkan ukuran yang lebih besar jika salah satu gambar thumbnail nya di klik.

 

Beberapa hari yang lalu ada seorang follower di twitter yang menanyakan tentang cara membuat gambar popup untuk gallery website.

 

Untuk itu kita akan mencoba membuatkan nya, lengkap dengan bahan dan cara singkatnya 🙂


Ingredients

 

Bahan-bahan yang kita perlukan adalah :


*Kayak mau masak 🙂


1. White Carbonfiber Patter dari subtlepattern
2. Photo dari Bartek Elsner
3. Jquery
4. Jquery Lightbox


Code HTML (index.html)

 

Berikut ini kode HTML untuk bagian [head] [/head]



<link rel=”stylesheet” type=”text/css” href=”css/twd-base.css” />
<link rel=”stylesheet” type=”text/css” href=”css/style.css” />

<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/jquery.lightbox-0.5.min.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.lightbox-0.5.css” media=”screen” />

<script type=”text/javascript”>
$(function() {
$(‘#gallery a’).lightBox();
});
</script>

Bagian ini digunakan mengaktifkan Jquery Lightbox dengan target ID #gallery

<script type=”text/javascript”>
$(function() {
$(‘#gallery a’).lightBox();
});
</script>

 

Code untuk BODY [body] [/body]


<section>

<div id=”gallery”>
<ul>
<li>
<a href=”photo/1.jpg” title=”Satu”>
<img src=”photo/thumb/1.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/2.jpg” title=”Dua”>
<img src=”photo/thumb/2.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/3.jpg” title=”Tiga”>
<img src=”photo/thumb/3.jpg” alt=”tutorial web design”/>
</a>
</li>
<li>
<a href=”photo/4.jpg” title=”Empat”>
<img src=”photo/thumb/4.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/5.jpg” title=”Lima”>
<img src=”photo/thumb/5.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/6.jpg” title=”Lima”>
<img src=”photo/thumb/6.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/7.jpg” title=”Lima”>
<img src=”photo/thumb/7.jpg” alt=”tutorial web design” />
</a>
</li>
<li>
<a href=”photo/8.jpg” title=”Lima”>
<img src=”photo/thumb/8.jpg” alt=”tutorial web design” />
</a>
</li>
</ul>
</div>

</section>


Code CSS (css/style.css)

 

Untuk mempercantik tampilan awal gunakan code css berikut ini, sedangkan untuk popup lightbox tidak perlu dirubah, kecuali jika diinginkan dan diperlukan.


body{background:url(‘../images/white_carbonfiber.png’);}

section{width:672px;margin:20px auto;background:rgba(255,255,255,.3)}
#gallery{padding:10px}
#gallery ul{
list-style-type:none;
}
#gallery ul li{
display:inline-block;
padding:5px;
}
#gallery ul li img:hover{
opacity:0.8;
}.



Oke sekian tutorial kali ini, semoga bermanfaat 🙂




SUMBER = http://www.tutorial-webdesign.com/membuat-popup-photo-jquery/

Membatasi Input text dengan Jquery | ala Twitter

By Irvan Galuh,

 
Beberapa waktu lalu saya diminta untuk membuat sebuah web aplikasi untuk keperluan lomba menulis cerita, cerita tersebut panjang nya hanya boleh 700 karakter.

Bagaimana caranya agar data yang tersimpan ke database tidak lebih dari 700 karakter?

Bagaimana pula caranya agar user mengetahui sudah berapa banyak karakter yang mereka tulis (bagian dari user experiance) ?

 

Ada 2 cara yang bisa digunakan.

1. Membatasi dengan PHP (Server site)
2. Membatasi dengan Javascript/Jquery (Client site)

Kali ini akan dibahas dengan Javascript, khususnya menggunakan Jquery.
Seperti apa yang akan dibuat?
Yang kita buat mungkin akan mirip dengan twitter, dimana twitter membatasi pengguna dengan hanya mengizinkan menulis 140 karakter untuk setiap kali posting status.
Mirip dengan kasus membatasi karakter untuk cerita.

Bagaimana membuat nya?

Struktur HTML (index.html)

 

<!DOCTYPE HTML>
<html lang=”en-US”>
<head>
<meta charset=”UTF-8″>
<title>Limit Input Jquery</title>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
<!– Javascript ditulis disini –>
</script>
<style>
<!– CSS ditulis disini –>
</style>
</head>
<body>



<div class=”box”>
<h2>What’s Happening?</h2>
<textarea id=”status”></textarea>
<span id=”text_counter”></span><input type=”submit” id=”posting” value=”Post” />
</div>
<div class=”footer”><a href=”http://tutorial-webdesign.com”>Wakaka Design | <a href=”http://tutorial-webdesign.com/membatasi-input-jquery-limit”>Back to Tutorial</div>

</body>
</html>


Code Javascript


$(document).ready(function(){
var left = 140
$(‘#text_counter’).text(‘Characters left: ‘ + left);

$(‘#status’).keyup(function () {

left = 140 – $(this).val().length;

if(left < 0){
$(‘#text_counter’).addClass(“overlimit”);
$(‘#posting’).attr(“disabled”, true);
}else{
$(‘#text_counter’).removeClass(“overlimit”);
$(‘#posting’).attr(“disabled”, false);
}

$(‘#text_counter’).text(‘Characters left: ‘ + left);
});
});

Code CSS

body{background:#222 url(http://subtlepatterns.com/patterns/natural_paper.png)}
a{text-decoration:none;color:#999}
textarea{
width:100%;
height:50px;
display:block
}
input[type=”submit”]{padding:5px 10px;}
#text_counter{float:right;}
.box{
overflow:hidden;
width:400px;
margin:150px auto;
background:#f4f4f4;
padding:10px 30px;
box-shadow:0 0 10px #f4f4f4;
-webkit-box-shadow:0 0 10px #f4f4f4;
}
.overlimit{color: red;}
.footer{width:400px;padding:10px;margin:0 auto;text-alig



Oke sekian tutorial kali ini, semoga berguna untuk anda yang sedang belajar Jquery 🙂




SUMBER = http://www.tutorial-webdesign.com/jquery-limit-input/