this is a little example, Basic Amp Html blogspot Components from scratch then let's do it together to proceed until the best amp html theme blogspot
| |
| |
| |
| |
| <head> |
| |
| <!-- /* |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| /* |
| /* |
| |
| @platform: Blogger |
| @theme_name: {{Your Theme Name}} |
| @created: Oct 2016 |
| @last_mod: Oct 2016 |
| @version: 1.0.0 |
| |
| */ |
| /* BROWSER RESETS - inspired by Denny Febiana Nurhidayat */ |
| body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, |
| abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, |
| fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, |
| article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| font-size: 100%; |
| vertical-align: baseline; |
| } |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { |
| display: block; |
| } |
| blockquote, q { |
| quotes: none; |
| } |
| blockquote:before, |
| blockquote:after, q:before, q:after { |
| content:' '; |
| content: none; |
| } |
| table { |
| border-collapse: collapse; |
| border-spacing: 0; |
| } |
| /* TYPOGRAHY */ |
| body { |
| font: normal normal 16px Helvetica, Arial, sans-serif; |
| line-height: 1.428; |
| color: #3b3b3b; |
| } |
| h1, h2, h3, h4, h5, h6 { |
| font: normal normal 16px Helvetica, Arial, sans-serif; |
| line-height: 1.1; |
| color: #333; |
| margin-bottom: 10px; |
| } |
| h1 { |
| font-size: 225%; |
| margin-top:20px; |
| margin-bottom:20px; |
| } |
| h2 { |
| font-size: 200%; |
| margin-top:20px; |
| } |
| h3 { |
| font-size: 150%; |
| margin-top:10px; |
| } |
| h4 { |
| font-size: 125%; |
| margin-top:10px; |
| } |
| h5 { |
| font-size: 100%; |
| margin-top:10px; |
| } |
| h6 { |
| font-size: 80%; |
| margin-top:10px; |
| } |
| p { |
| margin-bottom: 10px; |
| } |
| a:link, a:visited { |
| text-decoration: none; |
| color: #06c; |
| } |
| b, strong { |
| font-weight:700; |
| } |
| .small, small { |
| font-size: 80%; |
| } |
| blockquote { |
| font: normal normal 16px Times New Roman, serif; |
| } |
| ul, ol { |
| padding-left:20px; |
| } |
| |
| /*]]>*/ |
| |
| |
| |
| |
| |
| </head><!----> |
| |
| |
| |
| |
| window.setTimeout(function() { |
| document.body.className = document.body.className.replace('loading', ''); |
| }, 10); |
| |
| |
| |
| <!----></body> |
| |
| |
This post first appeared on Kursus Komputer Karawang - Cikampek, please read the originial post: here
