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…