Membuat Custom Permalink / URL Dengan Ajax

Assalamualaikum wr wb, Disini admin akan memberi tutorial yang awesome lah buat pecinta blog ini .. sering- sering berkunjung kesini pecinta pemrograman :v karena disini akan di bagi tips yang mungkin anda belum ketahui sebelumnya :v mungkin ....

ok langsung ke topic saja ,.

Membuat Custom Permalink Dengan Ajax ?

Emang bisa ? Pakai Htaccess Kan ?

Oh tentunya TIDAK !! saya akan bahasa sesuai dengan judul

ini contoh permalink dengan ajax

mirip dengan Angular JS ? Oh Iya , tapi itu bukan Angular , itu Code Manual 

OK akan saya kasih snippet code nya ,..

Main.php

Kemudian Kode Javascript nya dibawah ini

script di atas untuk meng handle klik mouse , agak tidak bisa redirect ke Url tujuan .

nah untuk menghandle adanya reload / back space kita tambahkan code di bawah ini

jangan lupa tutup </script> ya :D

Iya begitulah Scriptnya dengan Fungsi Html5 window.history.pushState() Kita Bisa Memanipulasi Permalink pada website kita .

jangan lupa tambahkan container untuk menampung isi dari link tersebut ya :*

ini script full code nya

Semoga bermanfaat :*

Wassalamualaikum Wr wb

HTML5 Custom Data Attribut

Pernahkah Anda menggunakan nama kelas elemen atau atribut rel untuk menyimpan potongan metadata ? 

Jika Anda pernah menggunakan itu dan Anda berpikir, Wow, itu ide bagus! Saya mohon Anda untuk menyingkirkan pikiran Anda dari pikiran itu segera dan terus membaca tentang informasi yang terbaru dari dunia pemrograman front end atau yang lain.

Berkat HTML5, kita sekarang memiliki kemampuan untuk menanamkan data atribut khusus pada semua elemen HTML. Atribut ini data kustom baru terdiri dari dua bagian:

Attribute Name

Data atribut name harus setidaknya satu karakter panjang dan harus diawali dengan 'data-'. Seharusnya tidak mengandung huruf besar.

Attribute Value

Nilai atribut dapat kata apapun.

Gunakan Contoh Potongan Script Seperti di bawah ini

Bagaimana saya bisa menggunakan atribut data?

Sebagai atribut data kustom yang valid HTML5, mereka dapat digunakan dalam setiap browser yang mendukung HTML5 doctype. Untungnya, ini cukup banyak mereka semua. Selain membantu kompatibilitas mundur, ini juga memastikan bahwa atribut data kustom akan tetap menjadi, solusi cross-platform scalable baik ke masa depan.

Sekarang bahwa kita memiliki pemahaman yang luas dari apa atribut data, mari kita lihat bagaimana mereka dapat digunakan:

1. Untuk menyimpan ketinggian awal atau opacity dari suatu unsur yang mungkin diperlukan dalam perhitungan animasi JavaScript kemudian
2. Untuk menyimpan parameter untuk film Flash yang dimuat melalui JavaScript
3. Untuk menyimpan analisis Web kustom penandaan Data
4. Untuk menyimpan data tentang kesehatan, amunisi, atau kehidupan unsur dalam permainan JavaScript
5. Untuk daya diakses JavaScript <video> sub judul

Sekian Pengetahuan dari Syntax-x.blogspot.com Semoga menambah pengetahuan agan agan juga heheehe 

Cara Cepat membuat responsive gambar dengan html5

Masalah Pertama

Hari-hari fixed-width, pixel desain website yang sempurna baik dan benar-benar di belakang kami. Pada hari ini monitor layar lebar, TV internet, beberapa tablet berukuran dan ponsel pintar desain kami sekarang harus memenuhi segala sesuatu dari 320px lebar hingga berpotensi setinggi 7680px lebar.

Seiring dengan ini lanskap multi-resolusi datang kebutuhan untuk gambar untuk meregangkan atau mengecilkan sesuai persyaratan liar bervariasi. Hal ini dapat membuktikan menjadi sesuatu dari masalah mengingat bahwa, dengan pengecualian grafis vektor, sebagian besar gambar memiliki lebar berdasarkan pixel tertentu yang tidak berubah.

Anda ingin menggunakan code ini untuk solusi anda ? hahahah boleh juga tapi ada resikonya

jika anda menggunakan code ini gambar yang anda tampilkan akan terlilhat Skecth Jika di layar mobile ,..

Jadi apa yang kita lakukan?

Anda Bisa Menggunakan Tag <picture> Untuk Solusi dari masalah ini ,

Bagaimana <picture> bekerja ?

1. Buat pembukaan dan penutupan <picture> </ picture> tag.

2. Dalam tag tersebut, membuat <source> elemen untuk setiap query Anda ingin menjalankan.

3. Menambahkan atribut media yang berisi permintaan Anda pada hal-hal seperti ketinggian viewport, lebar, orientasi dll

4. Menambahkan atribut srcset dengan nama file gambar yang sesuai untuk memuat.

5. Tambahkan nama file tambahan untuk atribut srcset Anda jika Anda ingin menyediakan kepadatan pixel yang berbeda, misalnya Menampilkan retina.

6. Tambahkan fallback <img> elemen.

sekian tutorial dari syntax-x.blogspot.com semoga bisa menjadi wawasan agan agan blogger semua aahahahah :D

anda tertarik dengan otomotif ? dapatkan berita otomotif di otopromo.com

Membuat Simple Autocomplete Dengan Html 5

Wah Sudah Lama gak pernah posting nih , blog jadi menurun ,.. hahahah karena dulu lupa password blog ini jadi admin gak pernah posting :D udah 2 tahun gak pernah posting ,
sekarang admin mau posting bagaimana cara membuat autocomplete simpel dengan html5 :D
karena admin orang nya sangat suka dengan yang simpel , buat apa ribet kalo ada yang simpel ? :D

Itu Contoh Autocomplete nya , Simpel ?

tag apa saja yang di pakai ? adakah jQuery atau javascript atau CSS ?

yang di pakai hanya lah tag <datalist> , Kamu Juga bisa menambahkan code jQuery , javascript , css atau Php jika ingin membuat tampilan autocomplete terlihat dinamis , contoh yang saya berikan adalah bersifat statis tapi dinamis :D 

Mari lihat Snippet Code Nya

Hahaaha simpel kan ? Semoga Cepat Di mengerti hahaaha

yang admin pos itu code dasar , jika ingin menambahkan jQuery atau yang lain itu terserah anda yang mengembangkan sendiri :D

Selamat Berkreasi

Cara Menulis Konten SEO Friendly

Syntax-x.blogspot.com Mendapatkan konten Anda dijemput di internet mirip dengan berteriak di atas paru-paru Anda dalam sesak-a-blok souk. Anda mungkin menjadi ahli dalam subjek tertentu dan mampu menenun mutiara menarik kebijaksanaan tetapi jika Anda tidak dapat membawa orang untuk membacanya, bahkan konten yang besar berarti apa-apa. Dunia kita hidup didorong oleh informasi yang berlebihan. Dengan setiap sampah masyarakat dan berbagi ekor yg dipotong mereka pikiran, ide dan cerita, kita dipenuhi dengan banjir data dan dimakamkan di bawah rentetan informasi.

Jika Anda ingin orang untuk membaca konten Anda, Anda perlu memastikan bahwa Anda menangkap perhatian orang. Kebanyakan orang membuat kesalahan kecil dan konten tampaknya baik mereka akan terkubur di bawah voli website dan dengan demikian membuat orang off dari membaca konten yang baik dalam penawaran. Salah satu cara terbaik untuk memastikan bahwa konten Anda sedang membaca adalah dengan memastikan SEO Friendly konten. SEO dan konten pergi lengan-in-lengan dan jika Anda ingin maju dari pesaing Anda, Anda harus belajar bagaimana menulis konten ramah menarik dan SEO. Berikut adalah segelintir kecil di ujung harus-tahu untuk meningkatkan visibilitas situs Anda dan menulis konten yang menarik SEO friendly.

Menulis Konten Kualitas

Ketika datang ke menulis konten, aspek yang paling penting adalah untuk menulis konten berkualitas baik. Anda dapat memiliki semua praktek SEO di tempat tetapi jika konten tidak sampai untuk menandai, itu adalah terikat untuk kegagalan. Menulis konten yang bermakna dengan baik diteliti dan asli ide. Jika Anda dapat memanfaatkan pakar industri untuk mengeluarkan beberapa tips umum dan ide-ide mengenai topik yang Anda tulis, dan link penelitian sendiri dengan round-up ide dari para ahli lainnya, Anda dapat churn out konten yang menuju kesuksesan. Ingatlah untuk memilih topik dan menulis konten yang berorientasi pengguna dan menarik.

Saldo kata kunci

Lebih sering daripada tidak, penulis overenthusiastic barang konten mereka dengan kata kunci berpikir bahwa itu akan peringkat lebih tinggi dalam mesin pencari. Tidak hanya itu bumerang tetapi kebanyakan mesin pencari menghukum praktek-praktek tersebut. Di atas semua itu, itu adalah gangguan besar bagi para pembaca, menempatkan mereka off posting Anda untuk selamanya. Tentu saja penting untuk menambahkan kata kunci ke konten Anda karena membantu pembaca serta mesin pencari tahu apa konten Anda adalah semua tentang tapi mengetahui berapa banyak kata kunci untuk digunakan adalah apa yang perlu dipelajari. Gunakan kata kunci yang relevan serius dan hemat tersebar di judul posting Anda dan tubuh. Idenya adalah dengan menggunakan kata kunci yang tidak terlihat boneka di tetapi memberikan nuansa yang lebih alami untuk konten. Anda juga bisa mengambil keuntungan dari tag blog dengan tag kata kunci yang relevan untuk posting Anda.

Meta Deskripsi

Meta-description lebih seperti wajah iklan posting Anda. Ini biasanya merupakan deskripsi singkat pada halaman peringkat mesin pencari dan memberikan sekilas tentang apa posting adalah semua tentang untuk pemirsa. Ia menarik pembaca ke situs web dan menarik, mudah dibaca meta-description meningkatkan tingkat klik-melalui pos yang sangat penting ketika datang ke menulis konten SEO friendly. Sebuah pendek cerdas tenun untuk dua kapal dengan kata kunci diselingi adalah kunci untuk meta-description sukses.

Menulis headline yang menarik

Headline harus posting Anda apa promo yang ke bioskop. Judul yang menarik dapat menerjemahkan lebih banyak pembaca. Peran utama dari informasi utama adalah untuk mendapatkan orang untuk klik pada pos untuk membaca lebih lanjut. Yang mudah untuk memahami judul menarik yang proyek untuk mendidik dan menginformasikan pembaca adalah kunci untuk konten sukses.

Konten Unik

Hal ini sebenarnya tidak-brainer bahwa pengguna ingin membaca konten yang unik, bukan yang digandakan. Hal ini menjengkelkan bagi siapa pun dalam mencari posting yang akan ditandai oleh banyak website yang berbeda dengan isi yang sama. Menurut mesin pencari, konten yang unik adalah konten yang tidak meniru terlalu banyak teks dari sumber lain. Pastikan bahwa konten Anda adalah unik dengan memastikan konten yang relevan baik diteliti. Anda dapat memeriksa keunikan artikel Anda dengan mengujinya melalui perangkat lunak plagiat checker.

Mengkoreksi cetakan percobaan

Proofreading adalah untuk posting Anda apa setrika adalah untuk pakaian Anda. Kotor meringkuk pakaian menghilangkan orang bahkan jika mereka dapat bermerek dan mahal. Demikian posting dengan kesalahan ketik dan kesalahan sintaks yang ditulis dengan buruk dapat menunda pembaca Anda dari posting Anda, bahkan jika konten mungkin unik atau informatif. Proofreading merupakan aspek penting dari artikel SEO friendly.

Buatlah pembaca ramah

Membuat artikel yang ramah-reader setelah semua pembaca adalah pusat dari semua itu. Gunakan headline yang baik dengan sub judul dan paragraf yang tepat dengan poin-poin untuk kemudahan membaca. Menggunakan gambar yang relevan untuk pergi dengan posting juga merupakan cara yang baik untuk memecahkan teks monoton dan menambahkan nilai hiburan.

Menyediakan konten Anda dan website keunggulan kompetitif dengan melibatkan praktek ramah SEO ini.

Cara Membuat Jam, Hari dan Tanggal dengan Javascript di Blog

Cara Membuat/Menampilkan Jam, Hari & Tanggal dengan Javascript - Jam, Hari dan Tanggal (Waktu) tidak lepas dari kehidupan, Pada kesempatan kali ini saya ingin berbagi pengetahuan tentang "Bagaimana Cara Membuat/Menampilkan Jam dan Tanggal dan Hari dengan JavasScript" ..

CEKIDOT......

Berikut Pilihan Javascript untuk Menampilkan Jam / Tanggal / Hari , sesuai dengan kebutuhan sobat : 

Cara Menampilkan Tanggal dengan Javascript :

<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + " " + months[month] + " " + year);
//-->
</script>

Hasilnya : 

Cara Menampilkan Hari dan Tanggal dengan Javascript :

<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
    thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
//-->
</script>

Hasilnya : 

Cara Menampilkan Jam saat ini! dengan Javascript ( Pasif ) :

<script type="text/javascript">
<!--
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
    curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min);
//-->
</script>

Hasilnya : 

Dengan Format AM/PM : 

<script type="text/javascript">
<!--
var a_p = "";
var d = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
    a_p = "AM";
} else {
    a_p = "PM";
}
if (curr_hour == 0) {
    curr_hour = 12;
}
if (curr_hour > 12) {
    curr_hour = curr_hour - 12;
}

var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
    curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>

Hasilnya : 

Cara Menampilkan Jam saat ini! dengan Javascript ( Aktif ) :

<div id="clock"></div>
<script type="text/javascript">
<!--
function showTime() {
    var a_p = "";
    var today = new Date();
    var curr_hour = today.getHours();
    var curr_minute = today.getMinutes();
    var curr_second = today.getSeconds();
    if (curr_hour < 12) {
        a_p = "AM";
    } else {
        a_p = "PM";
    }
    if (curr_hour == 0) {
        curr_hour = 12;
    }
    if (curr_hour > 12) {
        curr_hour = curr_hour - 12;
    }
    curr_hour = checkTime(curr_hour);
    curr_minute = checkTime(curr_minute);
    curr_second = checkTime(curr_second);
 document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
    }

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
setInterval(showTime, 500);
//-->
</script>

Hasilnya : 

Silahkan berikan komentar jika ada pertanyaan :)

vivo (viva vorever) - "Dynamic Smart Delight Sound"

Buat kamu yang ingin mencari Smartphone dengan audio berkualitas hi-fi, buat kamu yang ingin mencari Smartphone yang super tipis, buat kamu yang ingin mencari Smartphone yang super cepat, buat kamu yang ingin mencari Smartphone yang user friendly banget, buat kamu yang ingin mencari Smartphone yang bisa bikin kamu memotret layaknya menggunakan kamera pro, buat kamu yang ingin mencari Smartphone dengan spesifikasi tinggi namun harganya bersaing, buat kamu yang ingin mencari sebuah Smartphone yang kinerjanya mantap, buat kamu yang ingin mencari sebuah Smartphone yang benar-benar smart, inilah solusinya

vivo X3S

Yap... itulah vivo X3S. vivo X3S merupakan sebuah Smartphone Android yang dproduksi oleh vivo vendor Smartphone yang berasal dari negri tirai bambu yang menciptakan ponsel pintar dengan kualitas tinggi. Dengan mengusung tema "Dynamic Smart Delight Sound",  vivo X3S merupakan Android Smartphone yang bersegmentasi pada konsumen menengah yang menginginkan smartphone dengan performa yang mumpuni. Jadi buat para konsumen yang ingin mencari Smartphone Android kelas menengah, Smartphone vivo X3S ini adalah salah satu Smartphone Android yang paling direkomendasikan. Mengapa begitu ? mari kita lihat alasannya supaya jadi lebih yakin ^^.

Slim Body & Thin

Smartphone Android vivo X3S ini, didesain dengan sangat menarik dan elegan dengan tingkat ketebalnnya yang hanya 5,99mm sehingga membuat vivo X3S masuk dalam jajaran Smartphone yang super tipis. vivo X3S ini mengusung dimensi dengan panjang 143.27 mm, lebar 71.03 mm dan tebal 5.95 mm dengan berat 153 gram yang membuatnya nyaman saat digengngam. Dengan body yang super tipis itu, membuat vivo X3S ini terlihat lebih elegan dan fashionable.

Super Cepat

Kenapa dikatakan super cepat ? Yap, karena Smartphone Android vivo X3S ini dipersenjatai dengan chipset MTK6592 Octa-core Processor dengan kecepatan 1.7 Ghz sehunga sanggup menjalankan aplikasi berat secara bersamaan.

Disamping itu,  Smartphone Android vivo X3S ini juga dipersenjatai dengan GPU Mali-450 MP4 dengan 4 inti yang mampu dipacu sampai dengan 700 Mhz dan RAM 1Gb sehingga mampu memainkan game HD terbaru saat ini tanpa mengalami lag sekalipun. Lebar layar yang sebesar 5 inchi dan resolusi HD 720x1280p yang menghasilkan kekayaan warna sebanyak 16 M serta kerapatan pixel sebanyak 294 ppi membuat vivo X3S ini sangat nyaman di mata apabila digunakan. Fitur multitouch pada ponsel ini juga membuat kita dapat menjalankan aplikasi atau game dengan lebih dari satu sentuhan.

Selain itu terdapat fitur Smart Wake yang mana memungkinkan pengguna melakukan swipe pada layar ponsel ketika standby untuk menjalan aplikasi tertentu secara langsung tanpa harus masuk ke halaman home terlebih dahulu.

• Swipe upward untuk membuka.
  
• Swipe �C� untuk membuat panggilan telepon.
• Swipe �O� untuk memulai QQ.
• Swipe �e� untuk memulai explorer.
• Swipe �w� untuk memulai WeChat.
• Swipe �M� untuk memulai Music Player.

Media Penyimpanan yang Besar

Smartphone Android vivo X3S ini dilengkapi ruang penyimpanan sebesar 16GB sehingga kita dapat menyimpan banyak file yang besar sekalipun seperti file-file multimedia ataupun file-file Game HD. Jadi gak perlu khawatir untuk mengistal banyak aplikasi dan game HD ataupun menyimpan file multimedia yang biasanya berukuran besar.

Hi-Fi Palyer Enjoy Tunes

Inilah salah satu keunggulan utama dari Smartphone Android vivo X3S. Dari tema yang diusung yaitu "Dynamic Smart Delight Sound" tentu dapat kita simpulkan bahwa fitur utama yang ditawarkan dari Smartphone Android vivo X3S ini adalah Delight Sound-nya. Dengan dibekali professional Hi-Fi DAC chip ES9018 MK2 yang diproduksi oleh ESS corp., membuat Smartphone Android vivo X3S ini dapat memainkan lagu dengan lebih dari 127dB S / N dan kurang dari -120dB distorsi yang dihasilkan. Hal tersebut, memmbuat posel ini dapat memutar lagu dengan kualitas tinggi sehingga terasa nyaman di telinga saat kita mendengarkannya.

Kamera

Ada 2 kamera yang ditanamkan pada ponsel ini, yaitu kamera primer di bagian belakang dan kamera skunder di bagian depan. Kamera primernya sebesar 13 MP dengan resolusi maksimal 4096 x 2072 pixel. Banyak sekali fitur yang ditanamkan pada ponsel ini untuk mendukung dalam pengambilan gambar seperti aperture f.1/8, autofocus, geotaging, panorama, HDR, touch focus, lampu LED dan fitur lainnya yang membuat pengguna bisa mengambil gambar layaknya mengambil gambar dengan sebuah kamera profesional. Sedangkan untuk kamera sekundernya dibekali dengan resolusi 2MP. Dengan resolusi tersebut ponsel ini dapat melakukan pengambilan gambar atau perekaman video dan juga video call dengan kualitas baik yaitu 30 fps.

Salah satu fitur yang ada pada Kamera posel ini yang bakal disenangi oleh kaum wanita yaitu "Beauty Mode".

Fitur ini dapat membuat wajah penggunanya menjadi tampak lebih cantik sehingga menjadi salah satu fitur wajib ketika sedang ber-selfie ria khususnya untuk kaum wanita ^^.

Nah, dengan spesifikasi dan penjelasan yang sudah dipaparkan di atas, maka pantaslah Smartphone ini disebut sebagai Smartphone yang benar-benar smart dengan selogannya "Dynamic Smart Delight Sound".