Langsung ke konten utama

Postingan

TypoTerapi Blogger Template

Pada kesempatan kali ini, Males Code mau membagikan sebuah project yang sebenarnya sudah lama selesai dikerjakan dalam 2 hari, namun kali ini kesempatannya kesampaian.

Sebuah Template Sederhana yang saya bilang cukup menarik dikarena memiliki fitur:
AMP (Memungkinkan Load di Mobile Lebih Cepat)Mobile FriendlyFast LoadInshaallah Full SEO ^_^Free
Live Demo | [Link Download Segera Menyusul Sesuai Permintaan ^_^]
Jika kamu berkenaan untuk menyumbangkan sumbangsinya sebagai bentuk upaya terima kasih. Kamu bisa lakukan pembayaran Via Pulsa ke sini: 082277107703
Sekian, jika ada pertanyaan dalam penggunaan template, silahkan gunakan form komentar dibawah, teirma kasih ^_^
Postingan terbaru

Contenteditable Alternatif Elemen Input pada HTML

Contenteditable Alternatif Elemen Input pada HTML Pada kali ini Males code akan menjelaskan tentang Contenteditable Alternatif Elemen Input pada HTML. Dimana penggunakan tag contenteditable='' ini dapat membuat elemen yang kita inginkan dapat kita ubah kontennya seperti teks layaknya elemen input yang biasa kita lihat.
Pada tag contenteditable='true|false' ini terdapat 2 value, yaitu true untuk membuat fungsi ini berjalan & sedangkan false sebaliknya.
Penggunaannya cukup mudah, hanya cukup menambahkan tag contenteditable='true|false' pada elemen yang kita inginkan.

Contoh contenteditable pada elemen paragraf
<p contenteditable="true|false">Ini adalah elemen paragraf yang bisa diedit.</p>Ketika attribut contenteditable='true|false' tidak diatur pada elemen, maka elemen akan mewarisi style/gaya dari elemen induknya. Lalu bagaimana dengan Placeholder?? Seperti yang kita ketahui juga, bahwa tag placeholder='' ini hanya bekerj…

Males Code: Kembali Hadir

Assalamualaikum wr wb, izinkan saya sebagai admin untuk memperkenalkan kembali Blog Males Code. Setelah cukup sekian lama bagi saya tidak ngeblog lagi & kini hadir dengan semangat baru dengan tampilan terbaru.Apa yang baru dari Males Code:
- Tampilan, kini hadir dengan tampilan baru menggunakan beberapa framework & plugin, salah satunya Material Design Lite.
- Semangat baru tentunya.
- dll. (Segera menyusul)Semoga dengan hadirnya blog saya ini bisa membantu rekan rekan sekalian untuk mendapatkan informasi berupa Tutorial, Informasi, Optimasi dari Blogger.Note: Dikarenakan artikel tentang Bloggeryang terbatas, akan dilakukan pengembangan artikel seperti mengenai PHP, Bahasa Pemograman, Web Server, dsb. yang berbau tentang kode akan saya pertimbangkan di blog ini.Sekian informasi dari saya mengenai blog ini, jika menurut anda artikel ini menarik dan perlu teman teman anda ketahui, silahkan mengklik tombol berbagi yang tersedia.Sekian, Assalamualaikum wr wb.
Ttd: Admin

Menambahkan Kelas Khusus Pada Internet Explorer

Contoh kelas khusus pada elemen body Pada kesempatan saya kali ini saya akan membagikan tentang bagaimana cara Menambahkan Kelas Khusus Pada Internet Explorer, post ini diperuntukan untuk kamu yang mempunyai kerusakan pada tampilan blog kamu yang dibuka melalui browser Payah atau jika kamu ingin menambahkan style khusus pada browser ini.

Berikut adalah contoh penambahan nama kelas pada elemen <body>
<!--[if IE ]> <body class="ie"> <![endif]--> <!--[if !IE]>--> <body> <!--<![endif]--> atau menambahkan kelas khusus di pada elemen HTML:
<!DOCTYPE html> <!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="no-js iem7"> <![endif]--> <!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]--> <!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie7 oldie"…

Pure CSS3 Info Box

CSS3 Box Info Pada kesempatan kali ini saya akan membagikan sebuah snippet Pure CSS3 Info Box yang belakangan ini ada yang meminta, dan saya selaku admin blog ini ingin menyampaikan sesuatu :

"Mohon maaf belakangan ini, blog ini sudah jarang diupdate, dikarenakan kesibukan didunia nyata dan saya akan berencana mengganti layout blog ini sepenuhnya tidak akan lama lagi dikarenakan load yang terlalu lama dan saya akan menyatakan ini adalah postingan vakum saya"
Regards - Rizky

Oke, langsung saja ke cara pemasangannya:
HTML<div class="alert alert-success alert-white rounded"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <div class="icon"><i class="fa fa-check"></i></div> <strong>Success!</strong> Changes has been saved successfully! </div> <div class="alert alert-info alert-white rounded&quo…

Apa Itu Search Engine Optimization (SEO)

Search Engine OptimizationSearch Engine Optimization atau umumnya disebut SEO adalah sebuah rangkaian proses yang dilakukan secara sitematis yang bertujuan untuk meningkatkan volume dan kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami dari algoritma mesin pencari tersebut. Tujuan Spesifik SEO adalah menempatkan suatu alamat situs web pada posisi teratas (atau setidaknya pada halaman pertama) pada hasil pencarian berdasarkan subyek tertentu. Pengertian SEO itu sendiri sangat luas tetapi semuanya itu mencakup pada hal yang sama yaitu mengoptimalkan posisi sebuah situs web tertentu dengan kata kunci yang ditargetkan.

Kalau kamu memiliki sebuah blog, tentu kamu ingin blog kamu dikenal banyak orang. Kemudian orang-orang suka dengan blog kamu dan rindu dengan ulasan-ulasannya, nah inilah yang menjadi jalan pembuka yang mengarahkan kamu ke SEO.
Secara alami sebuah blog memiliki hak yang sama untuk dideteksi oleh Search Engine atau …

Cara Membuat HTML5 Speech Input

HTML5 Speech Input Ada yang baru dalam kontrol html, yaitu ialah speech input. Sama sperti input text yang umum namun kali ini namun ada tambahan mic yang memungkinkan input text dapat terisi dengan berdasarkan kata yang anda diucapkan melalui microphone.

Untuk membuatnya anda bisa menambahkan atribut x-webkit-speech pada elemen text input, Contoh :
<input type="text" x-webkit-speech="" /> Namun sangat disayangankan, fitur ini sejauh ini hanya dapat didukung oleh browser Google Chrome.