Posts

Showing posts from May, 2017

Cara Membuat Tooltip Images dengan CSS3

Image
Halo rekan rekan dumet, dikesempatan kali ini kita akan membahas mengenai Cara Membangun Tooltip Images dengan CSS3 . Di dasarnya tooltip adalah sebuah dialog atau kolom text kecil yang akan tampil ketika cursor diarahkan di element.

Cara Menggunakan Datepicker dengan Jquery-UI

Image
Masih dengan Jquery-UI dan kali ini saya akan membahas mengenai Cara Menggunakan Datepicker dengan Jquery-UI . Datepicker ini adalah sebuah diantara fitur di Jquery-UI yang digunakan bagi mempermudah pengguna maupun para programmer pada menentukan atau memilih tanggal,bulan,serta tahun.

Mengenal Lebih Dalam Penggunaan Efek Bounce pada Jquery-UI

Image
Pada Beberapa hari belakang ini saya selalu merancang artikel serta membahas mengenai Jquery-UI, kenapa ? karena Jquery-UI adalah diantara plugin Jquery yang amat awesome dan gampang bagi dipelajari (menurut saya) hehe.

Belajar Tentang Event mouseout() Pada Jquery

Halo teman-teman semuanya? apa kabar?  semoga tetap bagus dan sehat ya teman-teman, kali ini kita akan belajar mengenai jquery, seperti yang kita tau event didalam jquery sangatlah banyak, dan saya telah bahas sedikiit banyak event-event serta manfaat yang terdapat di jquery di panduan saya sebelumnya, di panduan sebelum ini pun saya telah membahas event mouseover() di jquery, nah di panduan kali ini saya akan membahas kebalikan dari mouseover yaitu kita akan belajar mengenai event mouseout() di jquery.

Perbedaan antara Tag b Dengan Tag Strong Pada HTML

Image
Di artikel panduan kali ini saya akan menjelaskan Perbedaan antara Tag b Dengan Tag Strong Di HTML, kenapa saya menjelaskan hal ini padahal keduanya mempunyai persamaan yaitu bagi membangun teks menjadi tebal.

Cara Membuat Pagination Menggunakan Bulma

Image
Cara Merancang Pagination Menggunakan Bulma Pagination berfungsi bagi mengerjakan lompatan ke page berikutnya. Selain itu pagination dapat mempermudah user bagi meloncati page lebih dari satu misalkan dari page 2 ke page berikutnya, sehingga user tak perlu berlam-lama apabila ingin ke page atau halaman yang dituju. Di tips dan trick kali ini saya akan membagikan Cara Merancang Pagination Menggunakan Bulma

Triangle Dengan Menggunakan Triangle CSS Generator

Image
Di artikel kali ini saya akan menunukan bagaimana caranya membangun Triangle Dengan Menggunakan Triangle CSS Generator, jikalau ada yang belum tahu yang di maksud generator itu apa saya akan jelaskan.

Cara Membuat Blind Efek pada Text Menggunakan Jquery-Ui

Image
Jquery UI adalah sebuah Plugin tambahan dari jquery, dimana  didalam penulisan kode Jquery UI tak sama dengan penulisan kode pada Jquery. dapat disebut Jquery UI hanya menyisipkan dirinya pada efek Jquery yang umum digunakan.

Cara Responsive Video Dengan Superembed.js

Image
Di panduan kali ini saya akan memberikan bahan panduan bagaimana  Cara Memiliki tampilan yang dinamis Video Dengan Superembed.js, bagi mengerjakan hal tersbut kita menggunakan jquery plugin yang bernama superembed.js.

Belajar Membuat Show More Konten Dengan Jquery

Image
Halo sobat, berjumpa kembali dengan saya Hernowo di tips dan trik Source Code Aplikasi . Di kesempatan kali ini saya akan memberikan tips mengenai Belajar Membuat Show More Konten Dengan Jquery dan kita akan seketika mempraktekkannya pun. Sebelum kita mulai, bagi apa sih show more konten itu..?? Show more konten ketika ini banyak di gunakan di blog toko online, fasion, dan blog lainnya.

Cara menggunakan Basic Accordion Jquery EasyUI

Image
Hallo teman – teman jumpa lagi di artikel Source Code Aplikasi  di artikel kali ini saya akan membahas mengenai cara bermain Jquery EasyUI yaitu cara pemakaian basic accordion. Jadi kita di sini akan merancang fitur layak nya drop down navigasi seperti di bootstrap. Bagi merancang fitur accordion sesungguhnya banyak cara namun di sini saya akan mempraktikkan menggunakan jquery EasyUI.

Cara Membuat Hover Button Keren dengan CSS3

Efek hover memang amat familiar untuk kita, dengan menggunakan efek ini kita dapat kreasikan element apapun menjadi sebuah efek yang amat menarik, jikalau kalian ingin merancang sebuah hover dan masih bingung ingin merancang efek hover, berikut ini akan saya berbagi referensi efek hover di sebuah button HTML. Simak panduan Cara Membuat Hover Button Keren dengan CSS3 dibawah ini.

Cara Membuat Teks Area pada Bulma

Image
Teks area sering kita jumpai di kolom komentar dimana user dapat menuliskan komentarnya di area tersebut atau ada pula di form registrasi dan masih banyak lagi tempat dimana teks area dapat kita jumpai. Di panduan kali ini saya akan mencoba membagi  Cara Membangun Teks Area di Bulma

Cara Aktivasi Windows 7 Full Permanen

Image
Di kesempatan kali ini saya akan menjelaskan cara aktivasi windows 7 full permanen , Mungkin teman-teman tak asing lagi dengan win7.

Cara Membuat Layout Empat dan Lima Kolom jQuery Mobile

Image
Hallo teman – teman kembali lagi dengan saya Hernowo di tips dan trik Source Code Aplikasi , di artikel kali ini kita akan melanjutkan artikel kemarin dimana pembahasan kemarin mengenai Belajar Membuat Tampilan Dua Dan Tiga kolom Jquery Mobil . Di latihan kali ini kita akan membahas mengenai bagaimana Cara Membuat Layout Empat dan Lima Kolom jQuery Mobile dan saya pun telah membahas mengenai pembagian kolom grid system di jQuery Mobile. Bagi merancang layout empat kolom dan loma kolom sama seperti kemarin kita gunakan  ui-grid dan baru kita berikan ui-block  bagi pembagian kolomnya.

Cara Membuat Loading Bar dengan Jquery-Ui

Image
Seperti yang telah saya bahas sebelumnya mengenai JQuery UI yang betul-betul mengesankan dari jquery ui ini ialah kita dapat dengan gampang membangun objek hanya dengan mengaplikasikan fungsi-fungsi di faktor yang kita inginkan. Dan dengan dengan adanya jquery ui ini dapat menolong kita pada memodifikasi design blog sesuai dengan selera atau keinginan kita.

Cara Membuat Color Animation Effect dengan Jquery-ui

Image
Jquery-ui adalah sebuah sebuah plugin atau library dari jquery yang bermanfaat bagi membangun efek dan animasi interaktif di halaman blog. Jquery-ui ini masih pada bagian jquery, jadi kalau kita ingin menggunakan jquery-ui karenanya mesti disertakan pula library jquery.

Belajar Membuat Tampilan Dua Dan Tiga kolom Jquery Mobile

Image
Di artikel kali ini saya akan memberikan tips kepada teman – teman mengenai Belajar Membuat Tampilan Dua Dan Tiga kolom Jquery Mobile , dan sebelumnya kita telah membahas apa itu grid dan type class bagi merancang sebuah kolom dengan menggunakan grid system. Teman – teman dapat lihat artikel kemaren mengenai Pengenalan Grid Class Dalam jQuery Mobile

Cara Penggunaan effect() pada Gambar menggunakan Jquery-ui

Image
Jquery adalah sebuah library javascript yaitu berupa kumpulan kode-kode javascript yang siap gunakan. Lalu hadir lah sebuah jquery-ui atau jquery user interface dimana bertujuan bagi memaksimalkan program dengan blog dari segi user interface atau dapat dibilang khusus di bagian front-end.

Pengenalan Grid Class Dalam jQuery Mobile

Image
Jumpa kembali dengan saya Hernowo , di tips dan trik Source Code Aplikasi . Di panduan sebelumnya saya banyak membahas dan praktek mengenai jQuery Mobile, kali ini saya akan memberikan tips mengenai Pengenalan Grid Class Dalam jQuery Mobile . Seperti yang kita tahu banyak framework css dan html seperti bootstrap, materialize dan framework lainnya. Namun berbeda – beda cara pemakaiannya pada penggunaannya,

Cara Mengubah dan Memilih Warna dengan Javascript

Terkadang kita sering bingung ketika kita ingin mengubah dan memilih kode warna dan pastinya kita mesti mencari kode warna yang sesuai bagi tampilan laman, walaupun hakekatnya memang banyak web yang telah menyediakan kode warna yang dapat kita gunakan. Sekarang ini kalian dapat merancang kumpulan kode warna yang dapat kalian gunakan, minimal bikin kalian gunakan pribadi, cara nya lumayan gampang kita hanya perlu mengumpulkan kode warna yang akan kita gunakan, berikut ini akan saya berikan panduan yakni bagaimana Cara Mengubah dan Memilih Warna dengan Javascript . Simak strategi nya berikut ini.

Tiga Macam Jenis Koneksi Database Di PHP

Di artikel kali ini saya akan memberikan bahan mengenai Tiga Macam Jenis Koneksi Database Di PHP, kenapa saya membahas ini karena bagi yang baru belajar mengenai PHP pasti bingung apabila lihat-lihat codingan orang dengan tipe koneksi yang berbeda-beda.

Cara Menyembunyikan Versi Webserver Apache Di Windows

Image
Paada panduan kali ini saya akan memberikanmateri mengenai bagaimana Cara Menyembunyikan Versi Webserver Apache Di Windows.

Cara Membuat Tombol Menggunakan Modifier Clasess Bulma

Image
Tombol pasti akan selalu ada di pada suatu situs karena tombol sering digunakan bagi perintah-perintah seperti submit form, menghubungkan page satu dengan yang lainnya dan masih banyak lagi. Dengan bulma framework kita dapat dengan gampang bagi memodifikasi tombol yang kita bikin seprti warna tombol dan ukuran tombol. Di tips dan trick kali ini saya akan membagikan Cara Merancang Tombol Menggunakan Modifier Clasess Bulma.

Contoh Penggunaan animate() pada Jquery

Image
Cara jQuery animate() digunakan bagi membangun animasi kustom. Cara animate () biasanya digunakan bagi menghidupkan properti CSS numerik, misalnya lebar, tinggi, margin, padding, opacity, atas, kiri, dll. Namun, sifat non-numerik seperti warna atau warna latar belakang tak dapat animasi menggunakan Manfaat jQuery basic.

Cara Membuat Bingkai Foto dengan CSS3

Bingkai image adalah sebuah sebuah hiasan yang betul-betul populer, terutama bikin para remaja yang ingin menghias image dan memajang disudut rumah bingkai ialah alternatif utama yang mesti digunakan. Dengan kecanggihan teknologi ketika ini kalian dapat membangun bingkai di laman terutama bikin kalian yang suka posting galeri image, dengan CSS3 kalian dapat membangun sebuah tampilan bingkai image, berikut ialah panduan bagaimana Cara Membuat Bingkai Foto dengan CSS3 . Simak strategi nya berikut ini.

Cara Membuat Sebuah Box dengan Javascript

Di pembahasan sebelumnya saya telah pernah membahas mengenai cara membangun kotak pada sebuah HTML. Di pembahasan kali ini saya akan sedikit membahas kembali mengenai cara membangun sebuah box dengan bantuan dari javascript jquery. Kalau menggunakan HTML dan CSS lazim, telah hal biasalah mungkin, untuk teman – teman tetapi, kalau menggunakan bantuan yang namanya javascript jquery mungkin kesannya terlalu wow, bagaimana ya caranya.

Cara Menghilangkan Padding dan Margin di Bulma

Image
Secara umumnya setiap kolom atau class yang terdapat di framework css mempunyai property dan value masing-masing seperti adanya padding dan margin di setiap class yang kita berikan di elemn html. Di tips dan trik kali ini saya akan membagikan Cara Menghilangkan Padding dan Margin di Bulma

Beberapa Website Untuk Mengecek Email Valid Dan Non-Valid

Image
Teman-teman pasti pernah ragu yah dengan domisili email yang namanya gak jelas atau dapat dari teman namun kurang yakin dengan nama email tersebut, kalau kita mengirim email dengan nama yang tak jelas atau email yang kita tuju tak terdapat, pasti akan tak enak banget yah,

Cara Membuat Tabel Responsif Dengan jQuery Mobile

Image
Berjumpa kembali dengan saya Hernowo di tips dan trik seputar dunia laman, yang terdapat di Source Code Aplikasi . Kali ini saya akan membahas bagaimana Cara Membuat Tabel Responsif Dengan jQuery Mobile dan kita pun akan mengimplementasikannya. Sebelum memulai saya akan menjelaskan mengenai tabel memiliki tampilan yang dinamis di jQuery Mobile,

Cara Menggunakan Fungsi Collapsibles jQuery Mobile

Image
Apa kabar teman – teman seluruh, pastinya bagus selalu ya..?? Kembali lagi dengan saya di tips dan trik Source Code Aplikasi , beberapa artikel belakangan ini saya banyak membahas dan cara penggunan jQuery Mobile. Dan di kesempatan kali ini saya akan membahas mengenai Cara Menggunakan Fungsi Collapsibles jQuery Mobile dimana manfaat Collapsibles ini digunakan bagi menyembunyikan atau menampilkan konten, yang bermanfaat bagi menyimpan bagian informasi. Tentu teman – teman tahu mengenai accordion yang bermanfaat bagi merancang sebuah layout seperti fitur, tampilan informasi lainnya di laman.

Contoh Penjelasan tentang (document).ready pada Jquery

Image
Hallo sobat dumet, bertemu kembali diwebsite Source Code Aplikasi ini. Dan di kesempatan kali ini saya akan membahas mengenai Contoh Penjelasan Mengenai (document).ready di Jquery .

Cara Menggunakan Panel Pada jQuery Mobile

Image
Di artikel sebelumnya kita telah belajar seputar jQuery Mobile, dari cara install, merancang fitur dan hingga merancang sebuah tampilan situs sederhana khusus tampilan mobile. Kali ini saya akan mencoba memberikan tips dan trik mengenai Cara Menggunakan  Panel Pada jQuery Mobile yang mana fitur ini dimiliki oleh jQuery Mobile dan kita hanya tinggal memakainya dengan cara copy paste saja.

Contoh Penggunaan Attribute Equals Selector pada Jquery

Image
Di kesempatan kali ini saya akan membahas mengenai Contoh Pemakaian Attribute Equals Selector di Jquery . didalam jquery sebetulnya ada banyak mengenai Attribute Value Selector dan berikut ini adalah sebuah macam-macam Attribute Value Selector :

Kolaborasi HTML CSS Tentang Display Block Dan Inline

Image
Di kesempatan kali ini saya akan membahas mengenai Kolaborasi HTML CSS Tentang Display Block Dan Inline , tentu teman – teman telah tahu apa perdaan dari display inline dan display block. Dan di pada blog www.kursuswebsite.org/blog pernah pun di bahas mengenai display block dan display inline. Di latihan kali ini kita akan terbang tenggelam dengan html css yaitu kolaborasi antara html dan css,

Cara Penggunaan first-child Selector Pada Jquery

Image
Hallo teman-teman, sekarang ini kita akan membahas mengenai Cara Pemakaian first-child selector di Jquery . first-child disini adalah sebuah sebuah pseudo element dari CSS yang mulai diperkenalkan di CSS2. Dan digunakan bagi menyeleksi element children yang berada di urutan pertama-tama.

Membagi Kolom Pada Website Dengan Propertis Display:flex Pada CSS

Image
Hallo teman-teman semuanya? apa kabar? gimana masih semangat belajarnya, kali ini pembahasan kita masih seputar css, karena css betul-betul lah luas dan banyak propertis propertis baru yang terdapat di css3, bagi panduan kali ini saya akan membahas mengenai membagi kolom di blog dengan propertis display flex di css

Mengenal Apa Itu HTTP2 Dan Apa Perbedaanya Dengan HTTP

Di artikel ini kita akan membahas mengenai Mengenal Apa Itu HTTP2 Dan Apa Perbedaanya Dengan HTTP, sebelum kiota membahas mengenai http2 kita mesti tahu dahulu apa itu http.

Operator OR dan Not Logikal dalam Javascript

Di pada javascript banyak sekali operator – operator pemrograman salah satunya yang akan saya bahas di pembahasan kali ini, yaitu Operator OR dan  Not Logikal pada Javascript. Javascript menggunakan simbol || bagi merepresentasikan OR logikal. Jikalau ekspresi di sisi kiri operator || dievaluasi menjadi true (tak nol), karenanya nilai dari keseluruhan ekspresi menjadi true, dan tak diperlukan bagi memeriksa ekspresi di sisi kanan operator ||. Jikalau nilai dari ekspresi  di sisi kiri operator || bernilai false, karenanya nilai dari ekspresi di sisi kanan operator di evaluasi dan kalau bernilai true karenanya keseluruhan ekspresi akan bernilai true.

Bagaimana Cara Download Dan Konfigurasi Bootstrap

Image
Di panduan kali ini kita akan belajar Bagaimana Cara Unduh Dan Konfigurasi Bootstrap , sebelumnya untuk yang belum mengetahui apa itu bootstrap dapat di simak penjelasanya selaku berikut .

Cara Menambahkan dan Mengenal Macam – macam Icon Jquery Mobile

Image
Halo teman – teman berjumpa kembali dengan saya Hernowo , di panduan Source Code Aplikasi . Di kesempatan kali ini saya akan memberikan tips dan trik mengenai Cara Menambahkan dan Mengenal Macam – macam Icon Jquery Mobile . Seperti hal nya kita memberikan icon di bootstrap dan cara pemakaiannya pun pun sama, kita tinggal copy saja nama nya dan di sisipkan di pada tag html yang akan kita berikan icon. Nah inilah beberapa macam – macam icon yang akan kita bahas, di bawah ini nama – nama iconnya dan jenis tampilannya

Cara Mengatur Rata Teks pada Bulma

Image
Pada membangun suatu teks supaya terlihat rapih karenanya kita memerlukan kegunaan unutk meratakan teks tersebut, seperti bagi meratakan teks hanya ke sebalah kiri saja atau dapat pun kanan dan tengah saja. Dan di sebuah artikel di situs pasti akan terlihat bagus apabila kita menaruh kegunaan rata teks tersebut, karenanya dari itu saya akan membagi tips dan trick Cara Mengatur Rata Teks di Bulma.

Membuat Menu Bidang Miring dengan CSS

Image
Setiap situs memilki fitur yang akan memandu pengunjung bagi menelusuri ada apa saja di situs tersebut. Karenanya dari itu, peran fitur amat urgen. Apalagi apabila situs kita berisikan demikian itu banyak informasi. Sehingga kita perlu menatanya dengan bagus.

Cara Memasang Watermark Pada Gambar Di WordPress

Image
Di kesempatan kali ini saya akan menjelaskan cara memasang watermark di gambar di wordpress .

Cara Menggunakan Narrow Kolom Pada Bulma

Image
Kita ketahui bahwa di framework css masing-masing kolom otomatis mempunyai ukuran sendiri-sendiri tergantung kelas yang kita berikan. Jadi di ketika kita hanya ingin menggunakan ruang atau lebar yang kurang dari lebar kolom yang telah di tentukan oleh framework kita mesti mengcutomnya kembali. Di bulma terdapat class yang memungkinkan kita mengerjakan hal tersebut. Dan di tips kali ini saya akan mencoba membagi tips Cara Menggunakan Narrow Kolom Di Bulma.

Cara Menghilangkan Shortcut Ctrl+A dan Ctrl+X Pada Web Browser

Image
Shortcut adalah jalan pintas atau cara yang digunakan oleh user bagi menjalankan sebuah petunjuk yang terdapat di sebuah aplikasi computer, sehingga dapat mempermudah user pada menjalankan sebuah perintah-perintah yang terdapat di web browser, di panduan sebelumnya kita pun telah banyak membahas mengenai shortcut yang terdapat di web browser nah di panduan kali ini kita pun akan membahas mengenai shortcut yaitu Cara Menghilangkan Shortcut Ctrl+A dan Ctrl+X Di Web Browser, manfaat dari kita menghilangkan atau men-disable manfaat dari Ctrl+A dan Ctrl+X yaitu bagi menjaga supaya isi content di laman kita tak gampang di ambil oleh orang lain, namun sebelum kita men-disable atau menghilangkan shortcutnya kita mesti tahu dulu apa manfaat dari Ctrl+A dan Ctrl+X.