Posts

Showing posts from November, 2015

Tutorial Cara Membuat Web dengan AMP HTML Non Blogger

Image
How to Create a Basic AMP HTML Page - Bagaimana cara membuat Halaman standard dengan AMP HTML. Markup dasar untuk membuat web / halaman dengan AMP HTML adalah seperti ini : <!doctype html> <html amp lang="en"> <head> <meta charset="utf-8"> <title>Hello, AMPs</title> <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "headline": "Open-source framework for publishing content", "datePublished": "2015-10-07T12:02:41Z", "image": [ "logo.jpg"

Tutorial Mengenal AMP HTML

AMP HTML adalah cara untuk membangun halaman web statis dengan kinerja yang handal dan kinerja yang cepat. Ini adalah upaya untuk memperbaiki struktur web, karena banyak web yang lamban diakses, terutama menggunakan mobile/ponsel. AMP HTML dibangun dengan struktur web yang sudah ada, tapi membatasi CSS, HTML dan JavaScript agar website lebih cepat diakses. Bagaimana AMP HTML bekerja? AMP HTML bekerja dengan menambahkan AMP JavaScript library dan tidak merubah struktur utama sebuah web. Struktur web seperti biasa, hanya ditambahkan AMP JS library sehingga mencukupi spek AMP HTML. Kode sederhana dari sebuah web dengan AMP HTML seperti ini : <!doctype html> <html ?> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html" > <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style>body {opacity: 0}</style><noscript>&l