tag:blogger.com,1999:blog-298900102869691923Fri, 10 Apr 2026 07:25:57 +0000JavaScriptjQueryLanjutanPotonganBloggerCSSDesainMenengahWidgetDasarMasalahEksperimenGambarHTMLRegexPHPJSONTautanLain-LainAlatTemaTes Label dengan SpasiMenyediakan informasi seputar perkembangan mesin Blogger dan internet secara umum.https://dte.web.id/noreply@blogger.com (Taufik Nurrohman)Blogger579125tag:blogger.com,1999:blog-298900102869691923.post-1435855982152326447Fri, 10 Apr 2020 06:15:00 +00002022-03-08T20:00:08.697+07:00AlatCSSHTMLJavaScriptJSONTautanTes Label dengan SpasiSaya membuat proyek baru berupa situs web berisi kumpulan alat untuk mengompres kode HTML, CSS dan JavaScript secara daring. Saat ini sudah tersedia alat pengompres kode HTML, CSS, JavaScript dan JSON. Untuk ke depannya mungkin akan Saya tambahkan alat-alat kompresi yang lain. Halaman web alat dapat kamu kunjungi melalui tautan https://minify.js.org Selain alat pengompres, alat untuk menata ulanghttps://dte.web.id/2020/04/kompres-dan-tata-ulang-kode-css-html-javascript-php.htmlnoreply@blogger.com (Taufik Nurrohman)16tag:blogger.com,1999:blog-298900102869691923.post-5973572217850204154Sat, 04 Apr 2020 14:47:00 +00002020-04-05T22:06:34.736+07:00BloggerJavaScriptJSONMenengahMenambahkan parameter alt dengan nilai json atau json-in-script pada URL umpan blog akan memberikan hasil keluaran data berupa JSON. Pengembang bisa memanfaatkan data tersebut untuk membuat gawai blog. Namun untuk bisa memproses data, kita perlu menemukan cara untuk menampung data tersebut ke dalam parameter fungsi:function recentPosts(json) { // Ubah data `json` menjadi gawai di sini… }https://dte.web.id/2020/04/cara-memuat-json-blogger-dengan-javascript.htmlnoreply@blogger.com (Taufik Nurrohman)7tag:blogger.com,1999:blog-298900102869691923.post-1743074467973407636Sat, 28 Mar 2020 09:25:00 +00002020-04-04T22:07:44.162+07:00JavaScriptLanjutanGambar oleh GitHub. Dengan membaca artikel ini, Saya menganggap kamu sudah paham mengenai apa dan bagaimana itu NPM dan GitHub. Pada tanggal 16 Maret 2020 yang lalu, GitHub —yang sebelumnya juga telah berhasil diakuisisi oleh Microsoft— mengumumkan sebuah kabar gembira bahwa NPM memutuskan untuk bergabung dengan GitHub. Dengan mengesampingkan ketidaksukaan Saya terhadap pola-polahttps://dte.web.id/2020/03/integrasi-npm-dengan-github.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-1490873474655783485Thu, 19 Mar 2020 13:43:00 +00002020-03-19T22:53:35.952+07:00Lain-LainGambar oleh Jakob Owens Saya bukan pelanggan video. Menonton video bagi Saya sangat membuang-buang waktu karena video mengalihkan begitu banyak perhatian. Tapi tidak bisa dipungkiri bahwa media pertukaran informasi dalam bentuk kombinasi gambar bergerak dan suara ini sudah masuk merambah ke berbagai lingkungan di masyarakat dari segala sisi. Menonton video itu sangat menghibur! Jauh lebihhttps://dte.web.id/2020/03/beralih-ke-vlog.htmlnoreply@blogger.com (Taufik Nurrohman)5tag:blogger.com,1999:blog-298900102869691923.post-8162452312758622993Sun, 12 Jan 2020 03:03:00 +00002020-01-12T10:03:18.081+07:00Lain-LainFoto oleh Arnel Hasanovic Jawabannya bisa iya, bisa juga tidak. Tapi kali ini Saya lebih cenderung kepada tidak. Sama halnya ketika kamu bertanya kepada Saya apakah bumi itu bulat atau datar. Secara teknis Saya tidak tahu karena Saya belum pernah melihat fisik bumi secara langsung melalui indera penglihatan Saya tanpa melibatkan iman. Tapi melihat bagaimana bentuk matahari, bulan dan bintang yanghttps://dte.web.id/2020/01/eksistensi-blog-yang-makin-pudar.htmlnoreply@blogger.com (Taufik Nurrohman)7tag:blogger.com,1999:blog-298900102869691923.post-322626219918285917Tue, 31 Dec 2019 18:14:00 +00002020-06-06T22:48:07.755+07:00Lain-LainPHPTautanMecha 2.3.0 tersedia untuk diunduh!https://dte.web.id/2015/06/mecha-cms.htmlnoreply@blogger.com (Taufik Nurrohman)8tag:blogger.com,1999:blog-298900102869691923.post-8154668706413152189Fri, 20 Dec 2019 11:09:00 +00002020-05-07T08:45:35.877+07:00DasarGit adalah sistem manajemen riwayat pengembangan kode perangkat lunak, diciptakan pertama kali oleh Linus Torvalds, orang yang sama yang juga telah menciptakan sistem operasi Linux. Fungsi utama dari sistem manajemen kode ini adalah sebagai perekam riwayat pembaruan atau revisi kode sepanjang waktu. Git sama sekali tidak memiliki keterkaitan dengan GitHub, kecuali bahwa GitHub adalah situs webhttps://dte.web.id/2019/12/panduan-git-pemula.htmlnoreply@blogger.com (Taufik Nurrohman)4tag:blogger.com,1999:blog-298900102869691923.post-1252775417521182720Tue, 10 Dec 2019 21:38:00 +00002019-12-19T19:58:22.205+07:00DasarMasalahGitHubKalian tidak perlu takut dengan GitHub, dan tidak perlu takut juga untuk membaca artikel ini, karena di sini Saya tidak akan membahas mengenai konsep-konsep manajemen kode perangkat lunak. Di sini Saya hanya ingin menunjukkan kepada para pemula yang sebelumnya tidak pernah menyentuh GitHub, bahwa sebenarnya terdapat begitu banyak peluang untuk menggunakan GitHub sebagai media penyimpananhttps://dte.web.id/2019/12/kombinasi-fitur-halaman-github-dan-statically.htmlnoreply@blogger.com (Taufik Nurrohman)5tag:blogger.com,1999:blog-298900102869691923.post-841898897623266066Sat, 05 Oct 2019 01:54:00 +00002019-10-05T11:00:27.252+07:00BloggerLanjutanTemaTema Blogger Dasar: BloggerPack. Sangat sulit mencari komunitas pengembang tema Blogger yang memiliki semangat keterbukaan kode sumber seperti Saya. Selain karena Blogger bukan merupakan layanan blog yang terbuka, minimnya dokumentasi resmi akan kode-kode pada tema Blogger memaksa kita untuk menggunakan waktu dan tenaga yang banyak untuk mempelajari setiap kode yang ada secara otodidak dan tanpahttps://dte.web.id/2019/10/open-source-blogger-theme.htmlnoreply@blogger.com (Taufik Nurrohman)9tag:blogger.com,1999:blog-298900102869691923.post-7399381132372127181Mon, 05 Aug 2019 05:50:00 +00002019-08-06T05:47:40.581+07:00Lain-LainPHPSebelum menuju kepada alasan utama, tentu Saya perlu menjelaskan terlebih dahulu tentang kebutuhan Saya dalam membuat sebuah perangkat lunak. Saya tidak tumbuh di lingkungan keluarga dan teman-teman dengan latar belakang pendidikan pemrograman komputer. Saya melakukan semua ini hanya untuk mengisi waktu luang Saya saja. Dan ketika Saya memikirkan tentang bahasa sisi peladen yang paling standarhttps://dte.web.id/2019/08/mengapa-saya-memilih-php.htmlnoreply@blogger.com (Taufik Nurrohman)3tag:blogger.com,1999:blog-298900102869691923.post-7909008161251465505Sat, 13 Jul 2019 11:01:00 +00002019-08-12T14:25:25.125+07:00LanjutanPHPLogo PHP.Selalu ada hal-hal yang menarik untuk diceritakan dari sejarah bahasa pemrograman, salah satunya adalah bahasa pemrograman PHP yang hingga saat ini telah digunakan oleh 79% dari situs web di seluruh dunia. Terdapat berbagai kritik negatif mengenai keberadaannya, beberapa di antaranya adalah karena inkonsistensi hasil yang diberikan ketika sebuah data dibandingkan atau disatukan denganhttps://dte.web.id/2019/07/kebiasaan-php-yang-perlu-anda-ubah.htmlnoreply@blogger.com (Taufik Nurrohman)3tag:blogger.com,1999:blog-298900102869691923.post-4924796545351000323Sat, 06 Jul 2019 17:23:00 +00002019-07-07T09:54:00.019+07:00BloggerDesainLanjutanTemaWarna khusus pada tampilan blok widget di halaman Tata Letak.Cara LamaCara pertama ini adalah cara yang paling tua, yaitu dengan membuat selektor CSS yang diinginkan menjadi khusus untuk anak-anak elemen pada induk <body id="layout"> saja. Kekurangan dari metode ini adalah, kode CSS khusus yang seharusnya hanya dimuat pada tampilan Tata Letak akan tampil juga pada kode sumber di halamanhttps://dte.web.id/2019/07/tampilan-khusus-pada-halaman-tata-letak.htmlnoreply@blogger.com (Taufik Nurrohman)6tag:blogger.com,1999:blog-298900102869691923.post-5996190986308966730Sat, 06 Jul 2019 15:57:00 +00002019-08-06T21:24:47.957+07:00BloggerLanjutanWidgetSebuah widget berjenis HTML pada tema Blogger dapat Anda gunakan sebagai acuan dasar untuk memahami bagaimana cara kerja XML widget, terutama untuk para pengembang yang ingin membuat widget kustom dari kode sumber secara langsung. Berikut ini adalah sebuah contoh:<b:section class='section-1' id='section-1' name='Bagian 1'><b:widget id='HTML1' title='Judul Widget' type='HTML'> <https://dte.web.id/2019/07/custom-html-blogger-widget.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-4834775075175719009Tue, 25 Jun 2019 16:44:00 +00002019-08-21T01:26:32.038+07:00BloggerJavaScriptLanjutanWidgetTutorial kali ini merupakan tindak lanjut dari tutorial sejenis yang pernah Saya publikasikan sebelumnya di sini. Sebelum artikel tersebut ditandai sebagai artikel kadaluarsa, layanan Google Drive saat itu masih bernama Google Docs. Saya sempat berpikir untuk memperbarui artikel tersebut saja, tapi karena terdapat unsur historis pada artikel tersebut maka Saya memutuskan untuk membuat artikelhttps://dte.web.id/2019/06/formulir-kontak-dengan-google-drive.htmlnoreply@blogger.com (Taufik Nurrohman)14tag:blogger.com,1999:blog-298900102869691923.post-5414228844390612586Wed, 19 Jun 2019 02:15:00 +00002019-07-05T09:14:54.546+07:00LanjutanMasalahImage by Freepik. Ketika Saya masih duduk di bangku SMP dan masih menggunakan mesin Blogger untuk membuat situs web, Saya tidak tahu apa itu sistem manajemen konten dan apa itu domain. Saya juga tidak tahu kenapa Saya harus membayar semua itu dan bagaimana mekanisme pembayarannya. Dan pada saat yang sama Saya mempunyai beberapa orang kenalan yang sudah bisa membuat situs web pribadi dengan carahttps://dte.web.id/2019/06/manajemen-anggaran-web-hosting.htmlnoreply@blogger.com (Taufik Nurrohman)3tag:blogger.com,1999:blog-298900102869691923.post-2626737865448830054Sun, 09 Jun 2019 01:23:00 +00002019-06-09T08:26:07.811+07:00TautanSekarang kita punya kanal resmi! 👏https://dte.web.id/2019/06/official-youtube-channel.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-5296548752130590737Wed, 30 Jan 2019 15:11:00 +00002019-08-06T21:24:20.589+07:00PHPPotonganFungsi ini akan menghapus semua indentasi dan ganti baris pada hasil keluaran yang dihasilkan oleh PHP var_export untuk mengurangi alokasi memori penyimpanan data statis:function minify_var_export($input) { if (is_array($input)) { $output = []; foreach ($input as $k => $v) { $output[] = var_export($k, true) . '=>' . minify_var_export($v); }https://dte.web.id/2019/01/php-custom-var-export.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-1314686138689121749Thu, 17 Jan 2019 07:22:00 +00002019-01-17T14:34:35.773+07:00BloggerLanjutanPembulatan angka ke bawah: <b:with value='5.2857' var='input'> <b:comment>Convert 5.2857 to 5.0000</b:comment> <b:with value='data:input - data:input % 1' var='output'> <b:eval expr='data:output'/> </b:with> </b:with>Referensi: https://www.facebook.com/igoynawamreh/posts/792777201056202https://dte.web.id/2019/01/blogger-xml-math-floor.htmlnoreply@blogger.com (Taufik Nurrohman)1tag:blogger.com,1999:blog-298900102869691923.post-8717420673267077348Sun, 14 Oct 2018 14:06:00 +00002019-12-05T11:05:49.338+07:00JavaScriptLanjutanMasalahTautanSumber gambar: CKEditorMenggunakan kode JavaScript <ES6 untuk mengaktifkan fitur pengunggah gambar di CKEditor 5 tanpa layanan Easy Image.Pembaharuan 2018/12/24: Paket CKEditor 5 Custom Builder untuk pemula sudah tersedia di https://github.com/mecha-cms/c-k-editor.5.https://dte.web.id/2018/10/ckeditor-5-image-upload-adapter.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-6007013397436210417Sat, 06 Oct 2018 16:32:00 +00002018-10-06T23:32:54.174+07:00MasalahPHPPotonganKebanyakan dari kita akan menggunakan cara ini untuk mendapatkan daftar berkas pada sebuah direktori, yang mana ini akan menampilkan semua jalur berkas dan folder, namun tidak dengan jalur berkas dan folder yang memiliki awalan ., misalnya pada berkas dengan nama .htaccess:$files = glob('.\path\to\folder\*');Untuk mengatasi masalah ini, biasanya kita akan menggabungkan dua pola yaitu .* untukhttps://dte.web.id/2018/10/php-glob.htmlnoreply@blogger.com (Taufik Nurrohman)0tag:blogger.com,1999:blog-298900102869691923.post-4578723056389062316Tue, 25 Sep 2018 10:37:00 +00002019-08-06T21:25:32.773+07:00BloggerJavaScriptWidgetFitur paginasi di dalam artikel. Fitur ini merupakan implementasi JavaScript dari plugin Mecha bernama Next yang berfungsi untuk memotong konten artikel menjadi beberapa bagian sehingga pengunjung dapat diajak untuk membaca konten artikel langkah demi langkah. Lihat Demo Integrasi Widget ke Blogger Untuk menambahkan fitur ini di blog, pertama-tama buka editor HTML tema Anda kemudian temukanhttps://dte.web.id/2018/09/widget-paginasi-artikel-untuk-blogger.htmlnoreply@blogger.com (Taufik Nurrohman)14tag:blogger.com,1999:blog-298900102869691923.post-3978916809562201945Mon, 24 Sep 2018 11:56:00 +00002018-09-24T18:59:12.896+07:00EksperimenJavaScriptLanjutanTautanGoogle Penelusuran kustom.Implementasi dasar API Google Custom Search untuk menampilkan hasil pencarian pada halaman yang sama tanpa harus memuat ulang halaman, dengan HTML formulir yang dibuat secara terpisah dari hasil penelusuran. Selengkapnya bisa dilihat pada kode sumber.Referensi: Custom Search Element Control API · Google Custom Searchhttps://dte.web.id/2018/09/google-custom-search.htmlnoreply@blogger.com (Taufik Nurrohman)1tag:blogger.com,1999:blog-298900102869691923.post-8112798825714527568Sat, 22 Sep 2018 02:15:00 +00002019-08-06T21:25:59.369+07:00JavaScriptPotonganGoogle+Saat menggunakan aplikasi Google+, tajuk dan navigasi di bagian atas dan bawah akan menghilang ketika Anda menggulung layar ke bawah, sebaliknya, ketika Anda menggulung layar ke atas, tajuk dan navigasi akan muncul kembali.JavaScriptvar currentPageXOffset = 0, currentPageYOffset = 0; window.addEventListener("scroll", function() { var X = this.pageXOffset, Y =https://dte.web.id/2018/09/javascript-detect-scroll-direction.htmlnoreply@blogger.com (Taufik Nurrohman)3tag:blogger.com,1999:blog-298900102869691923.post-2739492453661307548Wed, 19 Sep 2018 01:40:00 +00002018-09-25T17:43:59.534+07:00BloggerJavaScriptWidgetFitur kotak penelusuran AJAX di blog. Artikel ini merupakan hasil akumulasi dari temuan-temuan Saya tentang bagaimana kita bisa menggunakan JSON Blogger untuk menciptakan fitur penelusuran dinamis hanya dengan memanfaatkan parameter q pada tautan umpan. Fitur ini dapat diterapkan pada semua tema dan tidak bergantung pada perpustakaan JavaScript apapun. Lihat Demo Integrasi Widget ke Bloggerhttps://dte.web.id/2018/09/widget-ajax-penelusuran-blogger.htmlnoreply@blogger.com (Taufik Nurrohman)35tag:blogger.com,1999:blog-298900102869691923.post-1207636016874311854Sat, 08 Sep 2018 13:37:00 +00002019-06-27T21:10:36.835+07:00JavaScriptPHPPotonganBerikut ini adalah fungsi navigasi halaman angka yang paling standar dan paling sesuai untuk diterapkan pada semua kasus. Saya sediakan dalam bahasa JavaScript dan PHP, karena menurut Saya tampilan navigasi ini sangat sederhana namun sudah mencakup semua fitur yang ada. Yaitu fitur navigasi halaman Awal, Akhir, Berikutnya, Sebelumnya, dan navigasi halaman angka yang memungkinkan kita untukhttps://dte.web.id/2018/09/fungsi-navigasi-halaman-angka.htmlnoreply@blogger.com (Taufik Nurrohman)1