Postingan

Mantaps Material Design Blogger Template

Gambar
Live Preview See it live with all the features that exist, both on the homepage and the page posts. Free Version Get this template for FREE with giving proper credits to us, no support included. $3.84 / Rp. 50.000Support Template UpdateRemove Footer CreditsFor Unlimited DomainsNo Encrypted ScriptsSupport Color ChangeAnd Much More... DeskripsiMantaps adalah template blogger yang dibuat untuk website atau blog streaming movie atau drama. Template ini menggunakan konsep material design.ScreenshotFiturResponsive Layout - CekGoogle Testing Tool Validator - CekMobile Friendly - CekNavigation Drawer on MobilePopular PostRelated PostDisqus Comment SystemSearch BoxCustom Error PageSocial Share ButtonArtists Widget Tag ConditionalInclude Documentation2 Colum

Pengenalan CSS untuk Pemula

Gambar
Halo, pada posting sebelumnya kita sudah bahas tentang Struktur Dasar HTML, nah pada posting ini kita akan membahas tentang Cascadin Style Sheet atau CSS. HTML dan CSS saling berkaitan, HTML tidak akan terlihat bagus tanpa CSS. Peran CSS di sini sebagai pengatur tampilan suatu website, ibarat lukisan HTML adalah kanvas dan CSS adalah cat.
Di dalam CSS terdiri dari Selektor, deklarasi, Properti dan Nilai. Class dan id  merupakan selektor pada CSS. Berikut ini perbedaan dari class dan id.
CLASS Selector Class adalah selector yang digunakan untuk grup elemen, atau penamaan yang bisa di gunakan dilebih dari satu elemen. Berikut ini syarat menggunakan selector Class. Pemberian Class pada suatu elemen boleh menggunakan kata atau angka apa sajaClass bisa digunakan dilebih dari satu elemenBisa menggunakan lebih dari satu nama Class pada satu elemenTidak boleh diawali oleh angkaTidak boleh mengandung special characters  Penulisan CSS Penulisan Class pada CSS diawali oleh "." titik d…

Struktur Dasar HTML

Gambar
Hallo.. Pada kesempatan kali kita akan belajar HTML dasar. Kerangka dasar dari HTML untuk membangun sebuah website. Seperti yang sudah teman-teman ketahui HTML merupakan bahasa pemrograman yang biasa digunakan untuk website. Baca juga postingan sebelumnya  tentang bahasa pemrograman untuk membangun webiste.  Oke berikut ini struktur dasar dari HTML.

<html> <head> <title></title> <head> <body> </body> </html>
Penjelasan:
<html> ...... </html>
Tag <html> ini digunakan untuk menyatakan bahwa halam website menggunakan bahasa HTML.

<head> ...... </head> Tag <head> adalah kepala dari halaman website. Pada tag ini anda bisa menambahkan banyak informasi seperti meta, css, javascript, font dan lain lain.

Contoh, memanggil external file css, javascript dan font dari google webfont.
<head> <title> Struktur Dasar HTML - Jember Developer </title> <link href='https://fonts.googleapis.com/c…

Bahasa Pemrogrmaan Untuk Membangun Website

Gambar
Hai... Pada kesempatan kali ini saya akan berbagi tentang bahasa pemrograman apa saja sih yang perlu dipelajari untuk membangun sebuah website. Pada postingan sebelumnya saya sudah berbagi tentang CMS Populer Untuk Membuat Website. Pemrograman website bisa dibagi menjadi dua yaitu Front-End dan Back-End. Nah apa perbedaan dari keduanya? Berikut penjelasan singkatnya.
Front-End adalah bagian utama dari sebuah website yang terhubung langsung dengan pengguna atau lebih sederhananya adalah tampilan antarmuka sebuah website tersebut. Front-End lebih mengarah ke pengalaman pengguna.
Back-End adalah bagian dari pengambilan data yang akan ditampilkan pada sebuah website. Sederhananya Back-End lebih cenderung ke bagian server dan database sebuah website.
Lalu bahasa pemrograman apa saja yang biasa dipakai untuk membangun website? Baiklah, berikut ini bahasa pemrograman yang biasa dipakai pada sebuah website, di sini kita bagi menjadi dua seperti penjelasan sebelumnya agar lebih mudah dipahami.

CMS Populer Untuk Membuat Website

Gambar
Apa itu CMS? CMS atau Content Management System adalah suatu sistem yang digunakan untuk mengelola dan memfasilitasi proses pembuatan, pembaharuan, dan publikasi content secara bersama (collaborative content management). Content mengacu pada informasi dalam bentuk teks, grafik, gambar maupun dalam format-format lain yang perlu dikelola dengan tujuan memudahkan proses pembuatan, pembaharuan, distribusi, pencarian, analisis, dan meningkatkan fleksibilitas untuk ditransformasikan ke dalam bentuk lain. Terminologi CMS sendiri cukup luas, di antaranya mencakup software aplikasi, database, arsip, workflow, dan alat bantu lainnya yang dapat dikelola sebagai bagian dari mekanisme jaringan informasi suatu perusahaan maupun global.

Berikut ini beberapa CMS yang populer:

Wordpress
Wordpress merupakan CMS open source yang sangat populer. Wordpress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. Wordpress banyak digunakan karena CMS ini sangat mudah untuk dimodifikasi ses…

Tutorial Navigation Drawer Material Design Android Studio

Gambar
Pada posting kali ini kita akan membahas tentang tutorial navigation drawer material design menggunakan Android Studio. Sebelumnya kita jelaskan dulu apa itu navigation drawer. Navigation adalah panel navigasi utama pada aplikasi android yang tersembunyi di sisi kiri layar dan akan terbuka ketika pengguna menarik layar dari kiri ke kanan, untuk lebih jelasnya bisa baca di sini.

Sebenarnya ada cara cepat untuk membuat navigation drawer pada aplikasi android yang kita buat yaitu menggunakan library, namun pada tutorial ini kita tidak akan menggunakan library. Mungkin di posting selanjutnya kita akan berikan tutorial membuat navigation drawer menggunakan library. Oke kita langsung simak tutorial berikut.


Buka projek yang sebelumnya sudah dibuat.Baca juga Material Design TutorialTutorial Toolbar Android Studio Untuk PemulaTutorial Membuat Sliding Tab Layout Android Buka build.gradle (module:app) lalu tambahkan dependencies berikut ini:
compile 'de.hdodenhof:circleimageview:1.2.1' com…

Tutorial Membuat Sliding Tab Layout Android Studio

Gambar
Hallo berjumpa lagi di tutorial android untuk pemula. Pada kesempatan kali ini Jember Developer akan membahasa tentang Sliding Tab Layout, kebanyakan aplikasi android sudah menerapkan sliding tab layout ini seperti aplikasi Facebook, Blackberry Messangger, Whatsapp dan masih banyak yang lain juga. Sliding tab layout memudahkan pengguna untuk berpindah dari suatu tampilan.Baiklah kita langsung saja ke tutorialnya. Buka projek yang sudah kita buat sebelumnya! Silahkan baca posting tentang Tutorial Material Design dan Tutorial Toolbar.Buat class baru caranya klik kanan pada package name > New > Java Class.Berinama dengan SlidingTabLayout, lalu salin kode di bawah ini. import android.content.Context; import android.graphics.Typeface; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.util.SparseArray; import android.util.TypedValue; import android.view.Gravity; import android.view.LayoutInflater; im…