Rabu, 24 Oktober 2018

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Kali ini saya akan share cara membuat efek bayangan pada teks dengan CSS. Untuk membuat efek bayangan pada teks kita gunakan property text-shadow dan box-shadow. Lalu, apa perbedaan di antara keduanya?
Sesuai namanya, box-shadow digunakan untuk membuat efek bayangan pada kotak atau elemen kontainer. Sedangkan, text-shadow digunakan untuk memberi efek bayangan pada teks.

Nah, anda bisa lihat code di bawah ini.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Di code tersebut saya membuat sebuah kotak dengan menggunakan tag div yang dibumbui CSS. Tidak ada bayangan? Tenang, gunakan property box-shadow untuk membuat bayangan di sekitar kotak.
Coba lihat code ini.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Setelah saya tambahkan property box-shadow beserta value-nya, maka hasilnya akan menjadi seperti.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Lalu, bagaimana caranya agar bayangannya berada di atas dan samping kiri kotak? Perhatikan code di bawah ini dan lihat hasilnya.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS
Hasil

Sama halnya dengan box-shadow, text-shadow juga memiliki value-value yang sama.
Coba perhatikan code di bawah ini.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Maka code tersebut akan menghasilkan.

Cara Membuat Efek Bayangan Pada Teks dan Box Dengan CSS

Seperti itulah cara membuat efek bayangan pada teks dan box menggunakan CSS.
box-shadow dan text-shadow sendiri memiliki 4 value, yaitu :

text-shadow: 5px 5px 10px red;

- Value pertama yang berwarna merah merupakan value untuk mengatur arah horizontal.
- Value kedua yang berwarna biru merupakan value untuk mengatur arah vertikal.
- Value ketiga yang berwarna hijau merupakan value untuk mengatur tingkat keburaman (blur) pada bayangan.
- Value keempat atau terakhir untuk mengatur warna bayangan.

Sepertinya itu yang dapat saya sampaikan kali ini. Semoga tutorial kali ini bermanfaat.

Sabtu, 10 Maret 2018

Cara Menghilangkan Titik/Bullet ul dan li


Mungkin sebagian orang bingung saat menggunakan tag ul (unordered list) dan li karena titik/bullets  yang muncul secara otomatis.
Kali ini saya ingin share tentang cara menghilangkan titik/bullet yang muncul ketika kita menggunakan tag ul dan li. Untuk menghilangkan titik tersebut anda dapat menggunakan CSS.

Contoh :
  • Ini Bullets
  • Ini Bullets
Dan yang tidak muncul titik/bullets :
  • Ini Bullets
  • Ini Bullets
Untuk menghilangkan titik atau bullets seperti di atas, kita menggunakan property CSS list-style atau list-style-type.
Contoh :

<ul><li style="list-style:none;">Contoh</li></ul>

Atau bisa juga dengan :

ul {list-style-type:none;}
li {list-style-type:none;}

Begitulah cara menghilangkan titik/bullets di tag ul dan li. Selain value none, ada juga value square yang akan mengganti bullets/titik menjadi persegi.


Jumat, 02 Maret 2018

Cara Membuat Filter Kata-Kata Kotor Dengan PHP

Cara Membuat Filter Kata-Kata Kotor Dengan PHP

Sepertinya sudah agak lama saya tidak membuat artikel. Yah, itu semua karena saya juga punya urusan di dunia nyata.
Kali ini saya akan share cara membuat filter kata-kata kotor dengan menggunakan PHP. Kita akan menggunakan fungsi str_replace() untuk memfilter kata-kata kotor tersebut. Fungsi str_replace() sendiri berfungsi untuk mengganti isi teks atau string.

Pertama, buatlah sebuah array yang memuat kata-kata kotor.

Cara Membuat Filter Kata-Kata Kotor Dengan PHP




Setelah itu kita gunakan str_replace() untuk memfilter kata-kata tersebut.

Cara Membuat Filter Kata-Kata Kotor Dengan PHP




- Parameter $filter merupakan dari mana string berasal.
- Parameter '***' adalah pengganti $filter.
- Parameter $input merupakan variabel yang dipanggil.

Ketika anda membuat sebuah variabel memuat kata kotor tersebut, maka kata kotor tersebut akan diganti dengan ***. Contoh saya membuat variabel input yang terlihat seperti di bawah ini.

Cara Membuat Filter Kata-Kata Kotor Dengan PHP









Maka hasilnya kata bodoh akan diganti dengan ***.

Cara Membuat Filter Kata-Kata Kotor Dengan PHP
Seperti itulah cara membuat filter kata-kata kotor dengan menggunakan PHP.
Untuk demo-nya anda bisa lihat di website badword filter. Saya juga sudah memperbanyak kosa kata kotornya haha.
Semoga bermanfaat.

Selasa, 13 Februari 2018

Cara Mendapatkan Item Dota 2 Secara Gratis Dengan MaxPlus


Terkadang banyak player game yang menginginkan sesuatu yang seharusnya berbayar dengan gratis. Terutama Dota 2, game yang sudah ada dari jaman metal slug ini memiliki player aktif dengan jumlah yang sangat besar. Item-item yang bagus dan keren dipatok dengan harga yang terbilang cukup mahal. Namun, apakah anda bisa mendapatkan item-item tersebut dengan gratis? Misalnya item sekelas immortal atau bahkan arcana. Maka MaxPlus jawabannya.

Bagi pencari receh seperti saya memang lumayan menguntungkan bisa mendapatkan item secara gratis. Meskipun saya belum pernah mendapatkan item immortal dan arcana haha (paling tinggi cuman dapat mythical).

Untuk cara mendapatkan item Dota 2 secara gratis anda bisa menginstall MaxPlus di Android melalui Google Play Store.

Buka aplikasinya dan silahkan anda register. Jangan lupa untuk menambahkan Trade URL Steam anda.
Lalu pilih tab Bet, lalu pilih tab Roll di bagian atas.

Cara Mendapatkan Item Dota 2 Secara Gratis Dengan MaxPlus

Pilih room untuk mengikuti roll item. Lalu klik Join dan masukkan captcha-nya.


Cara Mendapatkan Item Dota 2 Secara Gratis Dengan MaxPlus

Cara Mendapatkan Item Dota 2 Secara Gratis Dengan MaxPlus

Setelah itu anda tinggal menunggu waktu roll-nya. Jika anda menang maka tulisan joined akan berubah menjadi won dan item akan masuk ke inventory MaxPlus.

Cara Mendapatkan Item Dota 2 Secara Gratis Dengan MaxPlus

Setelah itu anda bisa mengambil itemnya dan mengirimnya ke inventory Steam anda. Perlu diingat bahwa fitur roll ini benar-benar gratis dan tidak memakan biaya sepeserpun. Meskipun receh, tapi tak apalah untuk koleksi haha.
Selain roll, anda juga bisa bermain item bet dengan menebak tim yang akan menang dengan taruhan item (judi, ingat akhirat gan).
Itulah cara mendapatkan item Dota 2 secara gratis. Selamat berburu receh.

Minggu, 11 Februari 2018

Cara Memberi Password Pada File WinRAR

Cara Memberi Password Pada File WinRAR

Sebagian orang memiliki alasan untuk memberi password pada file WinRAR-nya. Mungkin untuk alasan keamanan atau mungkin memiliki alasan lainnya.
Kali ini saya akan share bagaimana cara memberi password pada file WinRAR dengan ekstensi zip/rar. Tentu saja file tercompress tersebut hanya bisa dibuka. Jika ingin mengubah file yang ada di dalamnya seperti extract, rename, edit file, maka harus memasukkan password.

1. Pilih folder/file yang ingin dicompress. Lalu klik Add archive atau Tambah ke archive.

Cara Memberi Password Pada File WinRAR

2. Setelah itu, pilih Set password atau Atur kata sandi.

Cara Memberi Password Pada File WinRAR

3. Masukkan password yang ingin anda gunakan, lalu beri tanda ceklist pada Encrypt file names atau Enkripsi nama berkas. Lalu klik Ok.

Cara Memberi Password Pada File WinRAR

4. Selanjutnya klik Ok lagi.

Cara Memberi Password Pada File WinRAR

Untuk memastikan bahwa file sudah ada passwordnya silahkan anda extract file yang telah dicompress tersebut.

Sabtu, 10 Februari 2018

Cara Membuat Web Server di Android

Biasanya para web developer menggunakan Linux untuk membuat server atau mungkin Windows. Namun, taukah anda bahwa anda juga bisa membuat web server sendiri pada Android? Ya, hal ini bisa dilakukan. Tentunya ini memudahkan web developer di luar sana yang lebih sering memegang smartphone ketimbang komputer/laptop.

Aplikasi untuk membuat web server cukup banyak, dari yang gratis maupun berbayar.
Di sini saya menggunakan aplikasi Server for PHP.
Sebenarnya aplikasi ini hanya untuk membuat server PHP saja. Namun, anda juga dapat menginstal phpMyAdmin dan MySQL.

Cara menggunakannya
1. Download aplikasi Server For PHP di Google Play Store.

2. Setelah itu pilih versi server PHP. Saya menginstal PHP 5.6.31.

Cara Membuat Web Server di Android

3. Setelah itu, anda dapat menjalankan server yang tadi telah diinstal. Anda juga dapat mengubah Server address, port, directory data, dan versi server sesuka anda.

Cara Membuat Web Server di Android

4. Tekan "JALANKAN SERVER". Lalu, silahkan anda buka browser dan masukan server address dan portnya di URL.

Cara Membuat Web Server di Android


Anda juga dapat menginstal MySQL, Adminer, dan lain-lain. Seperti itulah cara membuat web server di Android.
Dengan membuat web server di Android akan memudahkan anda dan para web developer yang mungkin jauh dari laptop atau komputer untuk mengerjakan projectnya.

Senin, 05 Februari 2018

Cara Install Codiad Web-based IDE di Ubuntu


Codiad merupakan salah satu IDE (Integrated Development Environment) yang berbasis web. Kesederhanaan Codiad merupakan keunggulan Codiad sendiri. Dengan performanya yang cepat, memungkinkan bagi anda untuk membuat dan mengembangkan website anda dengan mudah dan cepat.

Fitur Codiad :
- Didukung lebih dari 40 bahasa
- Plugin Library
- Error checking & notifications
- Multiple user support
- Editor screen splitting
- LocalStorage redundancy
- Advanced searching tools
- Smart auto-complete
Real-Time Collaborative editing
- Over 20 Syntax color themes
- Completely Open-Source
- Easily customized source
- Jalankan di server milikmu
- Quick-Download backups
- Maximum editor screen space
- i18n Language Support

Anda bisa download Codiad di website resminya : codiad.com
atau clone melalui CodeGitRepo : github.com/Codiad/Codiad/releases

1. Pertama masuk ke direktori web server agar tidak perlu memindah repo lagi dengan command :

$ cd /var/www/html

2. Setelah masuk ke direktori web server, clone repo Codiad-nya dengan command :

$ sudo git clone https://github.com/Codiad/Codiad.git

3. Setelah selesai clone, ketik command berikut untuk ubah permission pada direktori Codiad :

$ sudo chmod 755 -R Codiad
$ sudo chown www-data:www-data -R Codiad


4. Setelah itu, buka browser anda dan masuk ke web server anda. contoh : http://localhost/, dengan direktori Codiad menjadi http://localhost/Codiad untuk registrasi. Pastikan Dependencies semuanya hijau tidak ada yang merah.



Setelah itu anda bisa menggunakan Codiad.

Jumat, 02 Februari 2018

Cara Membuat Web Server Sendiri di Linux Ubuntu


Mungkin kebanyakan orang enggan memilih untuk menggunakan Linux. Mungkin karena repot, sulit dipelajari, dan tidak familiar. Tapi justru itulah yang membuat bermain-main dengan Linux semakin seru, bermain dengan command-commandnya, dan masih banyak lagi.
Kali ini saya ingin membagikan sebuah cara untuk membuat web server di Linux Ubuntu.
Saya menggunakan Linux Lite yang masih satu distro dengan Ubuntu.

1. Pertama install apache web server dahulu dengan command :

$ sudo apt-get install apache2

2. Setelah itu install database server dengan command :

$ sudo apt-get install mysql-server

3. Kemudian install php dengan command :

$ sudo apt-get install php5

4. Setelah itu install modul php dengan command :

$ sudo apt-get install php5-mysql

5. Untuk mempermudah mengolah database, anda juga dapat menginstall phpMyAdmin dengan command :

$ sudo apt-get install phpmyadmin

Setelah itu web server sudah siap digunakan. Anda dapat menambahkan file pada web server di direktori /var/www/html atau /var/www.
Anda dapat mengakses web server yang telah anda buat, buka browser lalu ketik ip server anda di url. Saya akses di http://localhost/


Dengan membuat web server anda sendiri, anda bisa dengan mudah membuat website anda sendiri.

Rabu, 31 Januari 2018

Cara Menghias Desktop Linux Dengan Conky


Pernahkah anda merasa ingin menghias desktop Linux anda dengan widget widget yang keren? Kalau iya, maka anda harus menginstal conky.

1. Anda bisa download conky versi terbaru di website Conky Manager atau bisa juga dengan menambahkan repository dengan command di bawah.

$ sudo apt-add-repository -y ppa:teejee2008/ppa

2. Setelah itu untuk mengupdate ketik command

$ sudo apt-get update

3. Setelah itu tinggal menginstal Conky Managernya dengan command

$ sudo apt-get install conky-manager

4. Setelah terinstal, silakan anda buka Conky Managernya. Anda bisa pilih theme apa saja untuk menghias desktop. Anda juga bisa edit theme dari Conky seperti warna text, posisi, dan lain-lain.


Setelah itu anda bisa lihat desktop anda telah terhias. Saya menempatkan themenya di bagian kanan desktop. Bisa anda lihat ada grafik-grafik yang menampilkan kinerja laptop.


Mungkin itu saja artikel kali ini.
Anda bisa mendapatkan koleksi theme lainnya di website resmi Conky Manager.

Senin, 29 Januari 2018

Cara Eksekusi File Windows Ekstensi .EXE di Linux


Beberapa file hanya bisa dieksekusi oleh Windows, file berekstensi .EXE salah satunya. Agar file berekstensi .EXE tersebut bisa dieksekusi oleh Linux, maka harus menginstal software pendukungnya. Seperti Wine, sebuah software yang berfungsi untuk menjalankan file-file Windows seperti .EXE.

1. Ketikan command berikut di terminal untuk menginstal Wine.
$ sudo apt-get install wine

2. Setelah Wine terinstal, silahkan anda buka Wine dengan command $ wine aplikasi.exe
Di sini contoh saya menjalankan ePSXe di Linux dengan command $ wine epsxe.exe


Itulah cara menjalankan file Windows berekstensi .EXE di Linux. Memang tidak semua file bisa dieksekusi, tapi lumayan untuk anda yang ingin bermain game yang hanya tersedia untuk Windows misalnya.

Sabtu, 27 Januari 2018

4 Website Speedtest Internet Terbaik

4 Website Speedtest Internet Terbaik

Terkadang kalau kita ingin mendownload suatu file pasti kita memikirkan kecepatan internet. Karena waktu download dipengaruhi oleh kecepatan internet. Lalu, di mana kita bisa mengecek kecepatan internet?
Anda bisa mengecek kecepatan internet anda apakah cepat atau lambat di website-website ini.

1. Speedtest.net

4 Website Speedtest Internet Terbaik

Speedtest.net merupakan salah satu website speedtest yang paling populer saat ini. Fiturnya yang lengkap, tampilan yang sederhana namun elegan, dan mudah diakses merupakan keunggulan website ini. Dengan server yang cukup banyak, anda bisa memilih dengan leluasa. Website ini akan mengecek ping, kecepatan download, dan kecepatan upload.

2. TestMy.net

4 Website Speedtest Internet Terbaik

Anda mencari website speedtest yang ringan dan cepat saat diakses? TestMy.net jawabannya. Anda bisa memilih untuk tes kecepatan download, tes kecepatan upload, atau kedua-duanya. Dengan fitur yang lumayan lengkap TestMy.net menjadi salah satu website yang recommended untuk anda yang ingin mengecek kecepatan internet. Dengan pilihan beberapa server seperti Singapore, USA, India, dan lain-lain.

3. SpeedSmart.net

4 Website Speedtest Internet Terbaik

Satu lagi website speedtest dengan tampilan yang sangat sederhana. Meskipun fitur SpeedSmart.net tidak selengkap SpeedTest.net dan TestMy.net, tetapi website ini bisa diakses dengan cepat. Anda juga bisa mendownload aplikasinya untuk Android.

4. Fast.com

4 Website Speedtest Internet Terbaik

Fast.com merupakan website dengan tampilan yang sangat sederhana bahkan tidak ada menu navigasinya. Setelah anda mengunjungi website ini, maka otomatis website ini akan mengecek kecepatan internet anda dan akan ditampilkan dalam beberapa detik.

Itulah 4 website speedtest terbaik. Website-website tersebut bisa menjadi solusi untuk anda yang penasaran dengan kecepatan internet.