Posts

Showing posts from October, 2017

Membuat Dropdown dan Navbar dengan Materialize

Image
Halo teman – teman semuanya, berjumpa kembali dengan saya di blog tips dan trik Source Code Aplikasi . Di kesempatan kali ini kita masih lanjut membahas dan mempraktekkan beberapa sistem yang di sediakan oleh framework css materialize, dan kali ini kita akan belajar mengenai Membuat Dropdown dan Navbar dengan Materialize .

Cara Membuat Slider dengan Slick

Image
Merancang slider/caousel yang menarik dan simpel pembuatannya yaitu keinginan para designer laman, dan kali ini saya akan menshare panduan bagaimana cara membuat  slider dengan slick , dimana biasanya yang di bikin slider itu yaitu gambar/image nya,  nah slick ini yang di bikin yaitu div atau paragraph atau tag yang lainya yang dibangun menjadi slider, ok seketika saja  teman-teman dapat seketika kunjungi websitenya di http://kenwheeler.github.io/slick/ .

Cara Mengatur Width dengan Mudah Menggunakan Bootstrap

Image
Jikalau kita bicara width berarti yang kita bahas kali ini ialah mengenai lebar, walaupun betul-betul simple tapi sekiranya kita menggunakan bootstrap terbaru ini akan lebih simple lagi loh teman-teman, seperti biasanya dengan class bawaan bootstrap kita dapat membangun efek yang di timbulkan dari bootstrap yaitu bagi mengatur width, karenanya dari itu bagi belajar  cara mengatur width dengan gampang menggunakan bootstrap,  Simak terus ya teman-teman.

Mengenal Class flow-text dan collection Pada Materialize

Image
Selamat datang kembali di blog tips dan trik Source Code Aplikasi , kembali lagi dengan saya pada pembahasan seputar dunia blog. Lanjut di artikel sebelumnya, kali ini saya akan mengenalkan guna – guna yang dapat kita gunakan pada proses perancangan layout blog dengan judul Mengenal Class flow-text dan collection Pada Materialize dimana masing – masing

Membuat Konten Supaya Tetap Berada di Atas

Image
Teman-teman pasti bertanya-tanya apa yang di maksud dengan judul diatas, jadi seperti ini, ketika teman-teman mempunyai sebuah laman pasti ada judul atau logo ya, dan pasti judul dan logo itu masih tetap berada di atas, tapi ini beda yang di maksud dengan berada di atas disini ialah ketika kita scroll kebawah judul itu atau konten itu masih tetap berada di atas, penasaran kan oke bila penasaran simak terus ya bagi belajar membangun konten supaya tetap berada di atas.

Cara Membuat Form Input Rating dengan JQuery

Image
Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap di laman Source Code Aplikasi ini yang betul-betul kita cintai. Di kesempatan kali ini saya akan memberikan sebuah tips mengenai Cara Merancang Form Input Rating dengan JQuery .

Borderless Table Pada Framework CSS Materialize

Image
Selamat datang kembali di laman tips dan trik Source Code Aplikasi , kembali lagi dengan saya pada pembahasan framework css materialize . Di kesempatan kali ini saya akan memberikan tips mengenai  Borderless Table Pada Framework CSS Materialize   dan saya akan memberi tahu beberapa guna di pada sistem  Borderless Table  diantaranya bordered, striped. highlight,

Keuntungan Menggunakan Float di Bootstrap 4

Image
Menggunakan float pasti kita mengatur posisi sebuah konten biasanya kalau tak di kiri ya di kanan, disini saya masih menggunakan bootstrap 4 yang terbaru ketika ini. Dulu sebelum kita menggunakan bootstrap kita biasanya bagi mengatur posisi konten supaya multiple kolom,oke akan saya jelaskan di paragraf berikutnya ya teman-teman simak terus ya keuntungan menggunakan float di bootstrap 4.

Mengenal Lebih Dalam Statement pada Javascript

Image
Hallo sobat program, kembali lagi dengan saya Rizal dan masih diwebsite Source Code Aplikasi. Di kesempatan kali ini saya akan memberikan sebuah Tips dari Statement di Javascript. Karenanya dari itu bagi pembahasan ini, saya berikan judul mengenai Mengenal Lebih Pada Statement Di Javascript .

Responsive Embeds dan Responsive Videos Pada Matrealize

Image
Selamat datang kembali di laman tips dan trik Source Code Aplikasi , berjumpa kembali dengan saya pada pembahasan framework css materialize. Dan di panduan kali ini kita telah hingga dengan pembahasan Responsive Embeds dan Responsive Videos Pada Matrealize kedua manfaat ini pun banyak sekali digunakan khusus laman yang menyediakan full video.

Cara Menampilkan Video youtube dengan Bootstrap

Image
Menampilkan video youtube memang banyak caranya tapi disini kita akan mencobanya dengan menggunakan bootstrap terbaru, loh bilang terbaru memangnya di sebelumnya telah ada, iya benar telah ada tapi di bootstrap terbaru ini atau bootstrap 4 ini caranya di tambahkan lagi ya, jikalau sebelumnya ada 2 sekarang ini ada 4. Karenanya dari itu bagi cara menampilkan video youtube dengan bootstrap, apa saja perbedaanya simak terus ya teman-teman.

Hover class dan Responsive Images Dengan Materialize

Image
Selamat datang kembali di blog tips dan trik Source Code Aplikasi , di kesempatan kali ini kita akan melanjutkan artikel sebelumnya yang membahas mengenai framework css materialize dengan judul  Hover class dan Responsive Images Dengan Materialize   dimana kita akan membangun sebuah hover dengan hanya

Cara Embed PDF Dengan Menggunakan HTML

Halo apa kabar kalian , telah lama rasanya saya tak menulis di blok ini oke kali ini saya kembali akan menulis bahan sederhana mengenai embed di HTML yaitu bagaimana Cara Embed PDF Dengan MEnggunakan HTML. Di ketika kitamembuat sebuah laman banyak sekali fitur yang dapat kita bikin atau gunakan , kalau kalian ingin membangun fitur bagi menampilkan file PDF di halaman Laman kalian berikut cranya yang sangaat amat gampang. kita hanya memerlukan tag lemn embed lau kita arahkan saja ke file PDF kita yang ingin kita tampilkan , ini mirip-mirip embed video di HTML ok baiklah seketika saja caranya seperti ini :

Cara Menandai Teks yang Penting di Website Dengan Bootstrap

Image
Pernahkah kamu berfikiran menandai teks yang urgen di halaman laman kamu ? apa lagi laman kamu itu termasuk laman artikel dimana pasti ada kata urgen di sebuah artikelnya, dan kamu pasti berfikir bagaimana caranya supaya kita memberitahu kepada pembaca bahwa teks itu yakni teks yang urgen, dapat saja hal yang mesti pembaca ingat, dengan bootstrap kita dapat menandai teks itu, oke bagaimana cara menandai teks yang urgen di laman dengan bootstrap jangan kemana-mana ya teman-teman.

Fungsi Class Clearfix Pada Bootstrap

Image
Masih seputar bootstrap memang bila kita membahas bootstrap materinya memang lumayan banyak ya, dan di kesempatan kali ini saya akan membahas mengenai  kegunaan class clearfix di bootstrap,  clearfix dari tulisannya saja kita dapat melihat kegunaan dari class ini yaitu membersihkan, apa saja yang mesti di bersihkan, kita lihat nanti saja ya. oke jangan kemana-mana simak terus ya teman-teman.

Menggunakan Metode Hiding dan Truncation Pada Materialize

Image
Selamat datang kembali di situs tips dan trik Source Code Aplikasi , di kesempatan kali ini saya akan memberikan tips seputar dunia situs yaitu Menggunakan Metode Hiding dan Truncation Pada Materialize kita lanjut ya teman – teman pada pembahasan framework css materialize. Di judul artikel kali ini kita akan membahas dan mempraktekkan sistem hiding dan truncation, sistem hiding di pada framework ini berfungsi bagi menyembunyikan atau menampilkan konten di setiap device.

Kumpulan Warna Default yang Terdapat Pada bootstrap

Image
Pasti teman-teman bertanya-tanya apa si yang di maksud dengan judul di atas, oke saya jelaskan jadi begini ketika kita ingin menggunakan warna di sebuah laman khususnya di table, warna border, button, kita mesti memberinya di file CSSnya betul kan, nah ketika kita menggunakan bootstrap 4 terdapat kumpulan warna default yang terdapat di bootstrap, khususnya bootstrap 4, memang di sebelumnnya telah terdapat warna pun, tapi di bootstrap 4 warna defaultnya di tambah, ada apa saja simak terus ya teman-teman.

Fungsi Offsets dan Alignment Pada Framework CSS Materialize

Image
Halo selamat datang kembali di blog tips dan trik Source Code Aplikasi , berjumpa kembali dengan saya melanjutkan pembahasan mengenai framework css materialize . Di kesempatan kali ini kita akan belajar mengenai Fungsi Offsets dan Alignment Pada Framework CSS Materialize dimana cara kali ini berhubungan dengan artikel sebelumnya yaitu Mengetahui Grid Sistem Pada Framework CSS Materialize Pertama-tama kita bahas terlebih dahulu apa itu Offsets..??

Cara Menghapus Sebagian Border dengan Mudah Menggunakan Bootstrap

Image
Masih membahas mengenai bootstrap, dan masih mengulik efek cantik apa yang dapat kita gunakan menggunakan bootstrap 4 ini, di kesempatan kali ini saya masih membahas yang hakekatnya gampang pun kita gunakan CSS lazimnya tanpa bootstrap tapi dengan menggunakan bootstrap kita lebih di permudahkan lagi, dengan memberi class bawaan yang di sediakan oleh boostrap kita telah dapat memperoleh efek yang terdapat di boostrap contohnya seperti sekarang ini ini kita akan belajar cara menghapus sebahagian border dengan gampang menggunakan bootstrap, sederhana bukan, yang sederhana itu lah yang biasanya indah hehe, nulis apa si, oke jangan kemana-mana simak terus ya teman-teman.

Mengetahui Grid Sistem Pada Framework CSS Materialize

Image
Selamat datang kembali di situs tips dan trik Source Code Aplikasi , kembali lagi dengan saya pada pembahasan tips dan trik seputar dunia situs. Di artikel sebelumnya kita telah mengenal color class di framework css matrealize, di kesempatan yang bagus ini kita akan melanjutkan pembahasan mengenai Mengetahui Grid Sistem Pada Framework CSS Materialize . Di umumnya setiap framework css menyediakan grid program yaitu 12 kolom, di framework  matrealize ini pun mempunyai grid program sebanyak 12 kolom.

Penjelasan Tentang Objek Document Javascript

Hallo rekan-rekan dumenity berjumpa lagi pada panduan Source Code Aplikasi, di panduan kali ini saya akan membahas mengenai penjelasan mengenai objek document javascript. Objek document adalah sebuah diantara properti dari objek window, dan sekiranya jendela di partisi menjadi beberapa frame (subjendela), karenanya setiap frame adalah sebuah properti dari objek window.

Cara Membuat Deskripsi dengan Rapi Menggunakan Bootstrap

Image
Di kesempatan kali ini saya ingin berbagi bagaimana  cara merancang penjelasan dengan rapi menggunakan bootstrap,  disini saya akan menggunakan boostrap 4 ya teman-teman, oke kembali lagi dengan penjelasan, penjelasan memang hal yang simple dulu semenjak sebelum ada bootstrap saya menggunakan table bagi merancang penjelasan dengan rapi, bahkan konten-konten saya membuatnya dengan table, tapi karena sekarang ini table termasuk tag yang telah usang, atau alangkah baiknya tak di gunakan lagi, dan mesti di tinggalkan, apalagi sekarang ini ada boostrap lebih di permudahkan, oke bagaimana caranya benar-benar gampang kok teman-teman simak terus ya.

Color Class Pada Framework CSS Materialize

Image
Halo teman – teman, selamat datang kembali di blog tips dan trik Source Code Aplikasi . Di artikel sebelumnya saya telah membahas mengenai Mengenal Framework CSS Matrealize bila teman – teman ingin tahu apa itu framework matrealize silahkan reriew di artikel saya sebelumnya. Karena saya membahas beberapa mengenai framework matrealize, serta cara menggunakannya, di artikel kali ini kita akan lanjut di pembahasan Color Class Pada Framework CSS Materialize pastinya di sediakan pun

Cara Membuat Menu Dropdown dengan Mudah menggunakan Bootstrap

Image
Pernahkah teman-teman merancang fitur dropdown sendiri menggunakan HTML dan CSS, sekiranya telah bagaimana ribetnya ya, sekiranya teman-teman baru membuatnya, apalagi teman-teman lagi di kejar dateline mesti cepat-cepat selesai, kini dengan bootstrap kita di permudahkan dengan mengambil ambil saja di pada library atau laman bootstrap, lagi-lagi menggunakan bootstrap ya itu dia gunannya boostrap, oke jangan kemana-kemana kita akan bahas sesaat lagi belajar cara merancang fitur dropdown dengan gampang menggunakan Bootstrap.

Belajar Dasar Canvas HTML 5

Image
Halo teman – teman seluruh, apakabar..?? Kembali lagi di situs tips dan trik Source Code Aplikasi , di kesempatan kali ini saya akan memberikan tips dan trik mengenai Belajar Dasar Canvas HTML 5 . Apa itu canvas HTML 5 dan bagi apa canvas HTML 5 itu..?? Ya, canvas HTML 5 yaitu sebuah tag html yang akan digunakan bagi memulai perancangan sebuah game sederhana dengan HTML 5 dan di kombinasikan dengan Javascript native.

Pengertian Macam – macam Fungsi Background Pada CSS

Selamat datang kembali situs tips dan trik Source Code Aplikasi , jumpa kembali dengan saya yanag akan selalu memberikan atau share tips dan trik seputar dunia situs. Di kesempatan yang bagus ini saya akan memberikan tips mengenai Pengertian Macam – macam Fungsi Background Pada CSS , dimana macam – macam manfaat ini sangat sering digunakan bagi membangun layout situs dengan css.

Cara membuat tanggal dan menentukan default time zone dengan PHP

Image
Pernahkah teman-teman melihat sebuah di sebuah tanggal di blog dimana tanggal itu selalu mengikuti hari yang di hari itu pun, bagaimana dapat, jawabannya tentu dapat sekiranya kita menggunakan php, dimana sebuah PHP dapat mengatur sebuah tanggal di pada sebuah blog, sekiranya hari ini tanggal 10 karenanya php pun dapat menampilkan tanggal 10 pun, hari berikutnya pun seperti itu dan berikutnya lagi, oke lalu bagaimana Cara membangun tanggal dan menentukan default time zone dengan PHP , jangan kemana-mana simak terus ya teman-teman.

Cara Menggunakan Syimbol atau Glyphicons di Bootstrap

Image
Syimbol atau gambar kecil yang berada di sebuah laman itu betul-betul sering sekali kita temui di website-website lalu gunannya bagi apa, nanti kita akan bahas, dan apa bedanya syimbol dan Glyphicons hakekatnya mirip, tapi biasanya orang lebih mengenalnya atau biasanya menyebutnya syimbol karenanya dari itu saya membangun judul dengan nama cara menggunakan syimbol atau glyphicons di bootstrap, supaya gampang di cari, oke karenanya dari itu kita akan bahas di paragraf berikutnya, simak terus ya teman-teman.

Tools Untuk Berbagi Baris Code Secara Online

Image
Di artikel kali ini saya akan membahas sebuah tools online yang bermanfaat bagi berbagi baris program/code kita kepada orang lain sehingga kita tak perlu repot-repot lagi memberikan file program kita misal kita ingin bertanya mengenai error program kita di orang lain, nama tools tersebut yaitu PASTE BIN.

Objek Links dari Javascript

Image
Hallo rekan-rekan dumenity berjumpa lagi pada panduan Source Code Aplikasi, di panduan kali ini saya akan memberikan tips and triks seputar javascript links di halaman web HTML. Di panduan kali ini saya akan membahas mengenai objek links dari javascript . Sama seperti objek form dan objek image, objek links adalh properti dari objek document dan dapat diaplikasikan bagi mengakses hypertext link yang dimuat ke pada sebuah dokumen.

Cara Merubah Font Website dengan Google Font

Image
Pernahkah sahabat bosan dengan style font yang terdapat di sebuah blog, pasti pernah ya, pernahkah sahabat berfikir apakah dapat di ganti font style yang terdapat di blog kita dengan gaya yang kita inginkan, atau yang kita suka, tentu saja dapat ya teman-teman, bahkan dengan gaya penulisan latin pun dapat, oke disini kita akan belajar  cara merubah font blog dengan google font,  kenapa saya memilih google font, nanti akan saya jelaskan.

Mengenal Framework CSS Matrealize

Image
Halo teman – teman, selamat datang di laman tips dan trik Source Code Aplikasi . Di kesempatan kali ini saya akan memberikan tips dan trik mengenai  Mengenal Framework CSS Matrealize , apa itu  matrealize..?? Ya, tentu teman – teman tahu apa itu framework yang biasanya kita kenal kerangka kerja.

Mengenal Property previousElementSibling pada Javascript

Image
Hallo sobat program, bertemu kembali dengan saya Rizal, dan masih diwebsite Source Code Aplikasi. Sebelumnya saya telah membahas mengenai nextElementSibling dan kali ini kita akan membahas previousElementSibling karenanya judul pembahasan kali ini saya berikan mengenai Mengenal Property previousElementSibling di Javascript .

Cara Menggunakan Tag Embed Di Html

Di kesempatan kali ini saya kana menjelaskan cara menggunakan tag embed di html . sebelumnya perlu teman-teman ketahui manfaat dari tag element embed tersebut. HTML <embed> ialah tag element HTML yang digunakan bagi mengintegrasikan

Fungsi Tag Legend Di HTML

Di kesempatan kali ini saya akan menjelaskan manfaat tag legend di HTML . Perlu teman-teman ketahui sebelumnya, <legend> yakni diantara tag HTML yang dapat merepresentasikan suatu

Fungsi Tag details Di HTML

Di kesempatan kali ini saya akan menjelaskan manfaat tag <details> di HTML . perlu teman-teman ketahui sebelumnya, di HTML terdapat beberapa tag dengan masing-masing fungsinya

Cara Membuat Penomoran Di Remote Control dengan Bootstrap

Image
Di kali ini kita akan belajar cara merancang penomoran di remote control dengan bootstrap, jadi dengan bootstrap kita dapat menirukan nomor atau mendesign nomor yang tertata di sebuah remote control, pastinya dengan bantuan grid system yang terdapat di bootstrap mempermudahkan kita merancang nomor di remote ini, oke bagaimana caranya simak terus ya teman-teman.

Mengenal Fungsi Pseudo Element Global pada CSS

Image
Hallo sobat program, bertemu lagi dengan saya Rizal dan masih diwebsite Source Code Aplikasi. Di kesempatan kali ini saya akan memberikan tips mengenai Mengenal Kegunaan Pseudo Element Global di CSS .

Cara Menampilkan Favicon di Website kita

Image
Apa itu favicon seandainya teman-teman belum pernah belajar sebuah blog pasti masih bingung dengan kata favicon, oke saya jelaskan terlebih dahulu, favicon itu ialah gambar kecil yang berada di sebuah halaman blog, biasanya ada di judul blog tersebut, di paragraf berikutnya akan saya beri contohnya, favicon biasanya berisi logo kita seandainya blog kita sebuah perusahaan pasti yang akan tampil ialah logo perusahaan kita, kadang saya lihat pun gambar si pemilik blog tersebut, oiya jadi gambarnya dapat berupa apa saja ya teman-teman, oke bagi belajar cara menampilkan favicon di blog kita, simak terus ya teman-teman.

Cara Menggunakan Variable pada CSS

Image
Hallo sobat program, bertemu kembali dengan saya Rizal dan masih diwebsite Source Code Aplikasi. Di kesempatan kali ini saya akan memberikan tips sederhana mengenai Cara Menggunakan Variable di CSS .

Mengenal Fungsi checked Selector Checkbox Pada jQuery

Image
Halo teman – teman  semuanya, selamat datang di blog tips dan trik Source Code Aplikasi . Jumpa kembali pada tips dan trik seputar dunia blog, di pertemuan sebelumnya kita telah belajar mengenai Menggunakan Selector Input jQuery Dengan Simbol dimana pembahasan mengenai selector input dengan simbol. Dan di hari ini kita pun akan belajar mengenai Mengenal Fungsi checked Selector Checkbox Pada jQuery dimana guna ini

Cara Membagi Kolom dengan Mudah Menggunakan Bootstrap

Image
Ketika kita di ketika belajar HTML CSS pasti sedikit kesulitan untuk kita bagi membagi sebuah kolom, misal kita ingin membagi 4 kolom pada satu baris, dimana setiap kolom kita mesti atur berapa lebarnya kita posisikan dengan menggunakan float left, kita atur margin, peding dan sebagainya, tapi lain halnya ketika kita telah menggunakan bootstrap, dengan bantuan grid di pada bootstrap kita lebih gampang membagi sebuah kolom, bagaimana cara membagi kolom dengan gampang menggunakan bootstrap, simak terus ya teman-teman.

Menggunakan Selector Input jQuery Dengan Simbol

Image
Halo teman – teman, berjumpa kembali dengan saya di blog tips dan trik Source Code Aplikasi . Di artikel sebelumnya kita telah membahas dan mempraktekkan  Mengenal Fungsi Attribute Selector Input Pada jQuery   dimana dengan guna ini kita dapat menggunakan selecsi seperti lazimnya nya kita menngunakan class di css.

Cara Menampilkan Video di Halaman Website Kita

Image
Teman-teman disini pasti telah tak asing lagi jikalau ada sebuah video di halaman sebuah blog, apa lagi ketika teman-teman membuka situs yang isinya memang video-video seperti youtube, video, dan lain-lain. Beragam jenis sebuah blog menampilkan sebuah blog itu isinya mengenai apa. Misal seperti hootfoot blog itu menampilkan atau menayangkan sebuah video ulangan pertandingan sepak bola dimana ketika ada orang yang ketinggalan sebuah pertandingan teman-teman dapat menontonnya di sini. Oke lalu bagaimana membuatnya dari tadi kebanyakan penjelasan ya teman-teman, Karenanya dari itu jangan kemana-mana cara menampilkan video di halaman blog kita sesaat lagi.