Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Programming

Membuat Random Words dengan Codeigniter

Sejak helperrandom_element() hadir, semua custom function mulai di-migrasi. Semua koding tidak memerlukan keahlian khusus, hanya perlu logika. Termasuk dengan generator random words yang sangat dibantu oleh kehadiran fungsi ini.IntroGenerator Random Words adalah satu yang ingin saya bagikan. Di-Codeigniter sendiri sudah hadir yang namanya random_string() yang menghasilkan string acak. Sedangkan kali ini ingin berbagi dengan kata acak yang dapat diaplikasikan untuk helper seperti captcha. Cara ini sudah saya terapkan pula untuk captcha bawaan dari CI untuk beberapa proyek web.The StepsLangkah untuk membuat random word ini cukup mudah, hanya persiapkan database yang ada, tentu yang sudah ada artikelnya agar kata acaknya keluar sesuai konten yang ada. Daripada mencari api yang menyediakan kata acak dan tentu berbayar.
Untuk kasus ini, anggap saja kita memiliki DB dengan table bernama 'news' dengan kolom 'articles'. Dengan bantuan random_element() akan memuluskan fungsi gen…

resizeImage() permudah sesuaikan thumbnail Blogger

Kebutuhan akan mempercantik dan mempercepat tampilan web/blog semakin dibutuhkan. Apalagi kreatifitas dan kemampuan dalam membuat theme semakin hari semakin expresif. Meski fungsi yang akan dibahas ini telah keluar lama, tapi tak masalah untuk dipubublikasikan ulang.Pemanggilan gambarPerlu diingat, bahwa sejak dahulu (entah pastinya) untuk menampilkan thumbnail cukup dengan pemanggilan <data:post.thumbnail/> pada tiap loop post yang kita punya. Sedangkan untuk hasilnya hanya menampilkan gambar kecil dengan format s72-c, contoh: https://2.bp.blogspot.com/-ZmfcM9-CwX0/WluUXKS8jCI/AAAAAAAATEk/34COXB_6y-IHvhmhp675tinPGn26XLCCQCK4BGAYYCw/s72-c/blogger-resizeImage-function-totoprayogo-795864.png Sangat kecil, dan dengan hasil yang seperti itu kita harus pintas mensiasati dengan kode tambahan javascript agar sesuai dengan yang kita mau. Perlu diingat juga script javascript yang banyak kadang berpengaruh pada kecepatan loading web/blog.Seperti yang sudah ada di-intro, ini adalah fungsi…

3 Cara unik menghilangkan "bundle.css" pada Blogger

Sudah diketahui banyak orang bahwasannya source yang tidak terpakai sebaiknya jangan sampai ter-load. Karena hal ini banyak web/blog yang menjadi sedikit lebih lambat sekian detik. Meski sudah telah diketahui juga, bahwa banyak dari para blogger mem-posting tulisan tentang bagaimana cara agar bundle yang dari theme bawaan blogger menjadi hilang. Berikut adalah cara yang banyak beredar dijagat maya.Mark as comment <b:skin>Berikut ini adalah langkah / cara pertama untuk menghilangkan bundle.css pada Blogger. Cara ini mungkin banyak dilakukan dan cukup sederhana. Cara ini nantinya akan menjadikan source bundle.css dalam comment, hasilnya dalam html seperti berikut: <-- .... <link href='https://www.blogger.com/static/v1/widgets/3332739511-widget_css_bundle.css' rel='stylesheet' type='text/css'/> ....--> Dan biasanya CSS bundling yang lain pun akan mengekor, tidak akan di-load.Jangan lupa backup theme/template Blogger Kamu agar sewaktu-waktu jika a…

Cara memasang breadcrumb di blogger?

Disini saya hanya mencoba mengembangkan sebuah kode yang siapa pertama kali membuatnya di Blogger. Kode ini sangat populer di Blogger bahkan banyak yang membuatnya lebih stylish dengan menambahkan kode CSS. Sebelumnya, kita bahas terlebih dahulu disini secara singkat, tapi maaf jika tidak sesuai atau masih melenceng.Apa itu breadcrumb?Breadcrumb itu hanyalah sebuah navigasi pada sebuah website. Kebanyakan, breadcrumb hadir pada sebuah website yang besar yang memiliki kategori dan banyak sub-kategori atau lebih mudah disebut hirarki. Menurut saya begitu, ingat ya ini menurut saya saja dan jangan jadikan patokan sebagai acuan. Berikut adalah contoh breadcrumb (gambar) atau bisa dilihat diatas judul pos ini. Apa fungsi/kegunaan breadcrumb? Sedemikian rupa pemahaman saya mengenai definisi apa itu breadcrumb. Oleh karena itu beberapa fungsi breadcrumb lebih diperuntukkan kepada pengguna / user saja, kecuali kita telah melakukan optimasi terhadap kode breadcrumb agar lebih Search Friendly…

Blogger function b:class

Atribut blogger yang satu ini membantu dalam pengelolaan tampilan blog kita, apalagi custom menggunakan CSS. Dengan bantuan kondisi-kondisi tertentu yang kita sesuaikan.SyntaxBerikut ini adalah contoh syntax untuk b:class, tapi perlu diingat sebelumnya
Syntax tag b:class dapat digunakan disemua XML Blogger kecuali b:skinTag b:class dapat diakumulasikan <div> <b:class cond='CONDITION' name='CLASS_NAME'/> </div> Little InfoSebelum melangkah lebih jauh, ada penjelasan sedikit agar tak nyasar. <b:class cond='CONDITION' name='CLASS_NAME'/> <b:class cond='CONDITION' expr:name='EXPRESSION'/> Penjelasan singkatParameter name ini wajib ada. Data berupa string dan dapat dikombinasikan dengan tag Blogger Expression. Data ini nantinya yang akan menjadi value class yang dimaksud.
Sedangkan untuk parameter cond tidak wajib bin tidak harus disertakan. Data ini "biasanya" berupa logika dengan …

Cara mudah membuat fungsi Unique Slug pada codeigniter

Membuat URL demi meningkatkan SEO itu ternyata penting, jika suatu web/blog yang kita bangun tersebut ingin dikenal oleh publik karena kita publikasikan. Dalam kasus ini adalah membuat URL (slug) unik pada Codeigniter. Beberapa cara singkat akan diulas dalam artikel ini.IntroTidak perlu menguasai ilmu tinggi, kita hanya perlu sedikit logika saja agar URL yang kita buat menggunakan CI lebih unik. Dan cara yang dapat kita terapkan semua dapat kita ambil dalam dokumentasi CI tersebut. Ada beberapa cara yang dapat saya ulas untuk Anda, dan cara-cara ini juga yang sering saya terapkan pada banyak projek web saya.The StepsAgar URL menjadi cantik, kita gunakan helperurl_title() yang telah disediakan CI. Fungsi ini sangat membantu, jadi kita tak perlu lagi membuat fungsi baru agar URL cantik.Encrypt SlugCara ini paling dasar, saya sering menggunakan cara ini karena malas otak-atik terlalu dalam. Saya biasa menyimpan slug dengan cara ini. Efektif dan sangat mudah. Caranya dengan menggunakan f…

Pindahkan suatu elemen ke dalam konten

Seringnya konten berubah sedemikian rupa, bertambah tulisan dan elemen tertentu dalam konten HTML membuat kita semakin jeli dan terasa lebih ribet. Tapi sebenarnya tak masalah jika kita memiliki banyak waktu untuk proses editing itu semua.Cara ini lebih banyak digunakan oleh para publisher untuk meletakkan iklan dalam konten mereka. Cara ini dimaksudkan agar ada selingan iklan dalm sebuah artikel. Yup, sederhana saja langkah ini tanpa perlu script yang membingungkan.
Langkah sederhana itu sebagai berikut.Define TargetDefinisikan kontenmu yang panjang tadi dalam sebuah elemen. misal menggunakan idcontent-target. Contok script nya sebagai berikut:
<div id="content-target"> <!-- content area wit many text and others element --> ... </div> Define ObjectBila sudah ada sebuah artikel yang menarik banyak pengunjung (reader), kita harus menyiapkan target yang akan dipindah atau menyisipkan elemen `iklan` tersebut dalam artikel. Misal menggunakan idads-object. S…

Update Batch Cart pada Codeigniter

Pada Codeigniter 3.2.0 mendatang akan dihapus Cart Library dan Smiley Helper terkait kabar sedih yang dirilis pada Forum Resmi Codeigniter. Sedangkan saya sendiri sedang gemar menggunakan salah satunya, yakni Cart Library utnuk membangun web Toko Online atau sering disebut web e-commerce. Tapi untung saja kita masih dapat emnggunakannya. dan pihak BCIT sebagai pengembang Codeigniter menyajikannya dalam repositorynya utnuk dikembangkan secara independen.Untuk Smiley Helper dapat di-forkdisini. Sedangkan Cart Librarynya disiniOops, cukup sekian intermezonya, berikut adalah cara untuk update cart secara masal. Contoh ini diambil dari dokumentasi Codeigniter yang pernah ada. ViewSebagai asumsi nya, untuk view cart menampilkan daftar keranjang seperti kode berikut : <?php echo form_open('cart/update'); ?> <table cellpadding="6" cellspacing="1" style="width:100%" border="0"> <tr> <th>QTY</th> <…

Dynamic Form #1

Sedang melakukan maintenance untuk aplikasi pencatatan data penjualan menggunakan PHP dengan kombinasi jQuery dan plugin lainnya. Dynamic Field Form ini sangat dibutuhkan untuk pencatatan apabila data barang lebih dari satu pada setiap transaksi. Berikut kode sederhana dan ulasannya.Code SampleSetelah membuat yang namanya elemen utama atau elemen baku, selanjutnya kita bangun sebuah elemen pembantu yang siap diduplikasi. Sebagai contoh, elemen baku seperti berikut (ingat, kode sample ini menggunakan Bootstrap, jadi jangan lupa custom ke elemen mu sendiri ya):
<div id="form"> <div class="row"> <div class="col-sm-3"> <input type="text" class="form-control" name="nameText[]" /> </div> <div class="col-sm-3"> <button type="button" class="btn btn-primary addBtn">Add</button> </div> </div> <div class="row"…

Fungsi regex (pattern) penting

Proses validasi data yang akan masuk ke database (misalnya) memang harus disaring dan disesuaikan agar semua sistem tetap berjalan lancar. Karenanya dibutuhkan kode tersendiri untuk mengatur semua tidak menjadi celah hacker atau peretas situs, meski memang semua ciptaan manusia pasti ada banyak celahnya untuk diretas.Berikut adalah pattern (regular expression) yang sering ku gunakan dalam aplikasi yang sedang dikerjakan atau maintenance:
No HandphoneDikarenakan masih banyak project yang menggunakan nomer hape (hp), maka regex ini sangat membantu untuk proses validasi inputnya, ^(0)[0-9]{9,11}$ dengan fungsi tersebut maka akan memvalidasi hanya yang berawalan angka 0 (nol) hingga 10 atau 12 digit, selain itu maka dianggap salah. Untuk penggunaan pada PHP seperti berikut:
$re = '/^(0)[0-9]{9,11}$/'; $str = '081234567890'; preg_match_all($re, $str, $matches); // Print the entire match result print_r($matches); Sedangkan untuk javascript:
const regex = /^(0)[0-9]{9,11}$/g…