Edit your ~/.bashrc or ~/.zshrc, add the following
export NPM_PACKAGES=$HOME/.npm
export MANPATH=$NPM_PACKAGES/share/man:$(manpath)
export NODE_PATH="$NPM_PACKAGES/lib/node_modules:$NODE_PATH"
export PATH=$NPM_PACKAGES/bin:$HOME/bin:$PATH
Then
$ source .bashrc
Done ,
Selamat coding …
Salam Ngoprek …
Ada yang belum tau mongodb ? Sama he3 saya juga baru mau belajar mongodb kalau mysql itu sql (mbuh bingung) nah kalau mongodb ini mereka bilang nosql (apa lagi ini) secara garis besar si kalau sql itu harus terstruktur dari buat tabel dulu trus di insert, update dan delete nah kalau no sql ini ( katanya si belum nyoba sendiri ) bisa bebas insert update delete tanpa terikat struktur table, jadi sewaktu mau nambah data bisa langsung tanpa buat table terlebih dahulu, kalau di google mirip2 firebase gitu lah.
Karena saya main OSnya pake linux mint yang masih turunan dari ubuntu maka saya akan sharing bagaimana cara installnya,
Supaya bisa tinggal apt-get dll lakukan langkah dibawah ini
Selesai install selanjutnya adalah test running mongodb dengan menjalankan perintah
mongo
Kalau berhasil maka akan muncul tampilan seperti dibawah ini
Maka anda sukses menginstall mongodb, nah selanjutnya adalah memberikan username dan password ke user mongo db
Semoga bermanfaat, Happy coding
Kali ini share lagi tips membuat select2 menjadi responsive mengikuti lebar dari column di bootstrap, saya tidak akan menceritakan bagaimana cara menggunakan select2, cari sendiri di google banyak :).
So begini caranya cukup tambahkan window resize function menjadi seperti dibawah ini
$(document).ready(function() {
$(".select2").select2();
$(window).resize(function() {
$('.select2').css('width', "100%");
});
});
Sudah gitu aja simple kan, semoga bermanfaat happy coding.
Masih membahas seputar framework sejuta umat codeigniter, kali ini saya akan menulis bagaimana cara membuat sitemap.xml yang akan di buat secara otomatis menggunakan database di codeigniter.
Seperti kita ketahui bersama bahwa sitemap ini sangat berguna ketika kita ingin menambah SEO di website kita, karena mesin pencari biasanya membaca sitemap untuk mengetahui isi dari website kita.
Tanpa berbasa basi cekidot this code:
Liburan pilkada daripada bengong main main dengan codeigniter lagi, coba coba redesign cart dari proyek lama, rencana mau ditawarin buat upgrade dari sistem yang lama ke design baru, syukur syukur diterima kalau ngga ya buat koleksi saja, siapa tau nanti ada yang minat setelah melihat video ini :D.
Sistem ini digunakan untuk usaha percetakan, adapun beberapa fiturnya, diantaranya
Lanjut lagi ah kalau sudah berhasil gini sweneng banget jadi semangat ngoding lagi
Happy coding
Ya kali ini saya akan sharing cara membuat auto calculation jadi tinggal masukkan 2 input dan 1 perkalian, karena kebetulan sedang ada proyek kecil2an membuat perhitungan otomatis, berikut codingannya.
buat 3 input di html atau php terserah
<input type="text" id="txt1" onchange="sum();" name="" value=""> <input type="text" id="txt2" onchange="sum();" name="" value=""> <input type="text" id="txt3" onchange="sum();" name="" value="">
<input type="text" id="txt4" name="" value="">
lalu buat script seperti dibawah taruh dipaling bawah
function format2(n, currency) {
return currency + " " + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.");
}
function sum() {
var satu = document.getElementById('txt1').value;
var dua = document.getElementById('txt2').value;
var tiga = document.getElementById('txt3').value;
var result = (parseInt(satu) + parseInt(dua)) * parseInt(tiga) ;
if (!isNaN(result)) {
var hasil = format2(result,"Rp. ");
document.getElementById('txt4').value = hasil;
}
}
Dah gitu aja selamat mencoba kalau sukses maka kita membuat penjumlah 2 produk di input1 dan input2 dan dikalikan dengan input3, kemudian hasilnya akan tampil di input 4.
Silahkan berimprovisasi bisa juga dibuat select seperti contoh diatas
Silahkan mencoba happy coding
Untuk saya yang ngga terlalu bagus memilih paduan warna untuk web biar tampil eye catching dan menarik itu gampang gampang susah, namun sekarang banyak sekali tools yang menyediakan cara gampang untuk memilih milih paduan warna dengan satu warna dasar kemudian dipadu padankan dengan tools yang satu ini.
Sebenarnya banyak sekali tools yang bisa digunakan namun menurut pengalaman saya kedua tools ini sudah sangat cukup dengan kelebihan dan kekurangannya masing masing. Tools tersebut adalah :
Demikian tips dari saya, sebenarnya tools ini bukan hanya cocok untuk design web, tapi juga cocok untuk semua para designer yang ingin mencari referensi warna warna apa saja yang cocok untuk dipadu padankan, selamat mencoba
Semoga bermanfaat dan Happy Coding
Nambah catatan lagi semoga bermanfaat buat yang lain, sebenarnya script ini sudah lama tau, script simple yang digunakan apabila kita membutuhkan konfirmasi sebelum melakukan aksi, biasanya script ini saya gunakan sebelum mendelete, contoh seperti gambar dibawah ini
cekidot this code
Function javascript
function confirmDelete()
{
return confirm("Apakah anda yakin akan mengahpus data ini? ");
}
di linknya ditambahkan ini
onclick='return confirmDelete()'
Jadinya dibawah ini kalau digunakan di link
<a href="" class="btn btn-danger btn-flat" onclick='return confirmDelete()'><i class="fa fa-remove"></i></a>
Sudah gitu aja simple kan?, selamat mencoba
Pagi ini baru ngeh karena biasanya untuk form karena males buat form validasi biasanya cuman nambahin required di tag html5 untuk memeriksa input kosong, eh pagi ini pas ngetes di safari browser bawaan mac ternyata tag required ngga jalan di safari kalau ngga percaya silahkan dicoba pasti bablas he3.
Setelah browsing browsing ternyata benar required html5 ngga jalan di safari, tapi jangan sedih saya sudah nemuin caranya yaitu nambahin plugin polyfiller.js dan nambahin sedikit javascript maka validasinya bisa jalan kembali
Caranya seperti ini cekidot this code …
Tambahkan link ini https://cdnjs.cloudflare.com/ajax/libs/webshim/1.16.0/dev/polyfiller.js Lalu buat script seperti ini webshim.activeLang('en'); webshims.polyfill('forms'); webshims.cfg.no$Switch = true; Lalu di htmlnya jangan lupa tambahin required <input type="text" class="form-control" name="title" placeholder="Judul Artikel" required>
Dah gitu aja gampangkan silahkan coba buka lagi form webnya di safari pasti ngga akan mau disubmit apabila kosong form inputnya :D.
Silahkan dicoba, apabila kamu tidak menggunakan safari di webmu tambahan ini tidak diperlukan karena secara native chrome dan firefox sudah support required tag, kalau di internet explorer (masih ada yang pake???) ngga tau dah :D.
Kali ini akan sharing coding php untuk membuat readmore seperti diwordpress dan lebih canggihnya otomatis apabila sudah sampai karakter sekian dia akan otomatis membuatkan readmorenya, ini bermanfaat banget di blog jadi artikelnya tidak terlalu panjang dan lebih rapi
cekidot this code …
$string = $artikel;
if (strlen($string) > 2000)
{
// truncate string
$stringCut = substr($string, 0, 2000);
$string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... <a href="/this/story">Read More</a>';
}
echo $string;
Script ini tidak saya buat sendiri tapi nemu he3 , script ini gampang sekali diaplikasikan tinggal menyesuaikan link untuk readmorenya saja, dengan sedikit modifikasi bisa ditambahkan bootstrap style jadinya seperti gambar diatas
kak eko 