Sunday, September 16, 2018

5 Web and Tools Should Use to Develop AMP HTML Blogger

    5 Web and Tools Should Use to Develop AMP HTML Blogger

    In developing a blog, we need third party tools to help develop Blog. On the internet, there are lots of free tools and websites that Blogger can use to develop their Blog.

    I give you an example of csscompressor.com Tool can help you to reduce the size of the CSS that you use for your website. Usually Webmasters and Bloggers use these tools so that websites are more quickly accessed.

    There is also AddThis, a share tool that is very useful for creating social media share box widgets. This tool is very popular for Bloggers and supports almost all platforms including AMP HTML

    Read: Install AddThis on AMP Blogger Template.

    For those of you who have an AMP HTML-based Blog like me, you need tools that can help you develop the AMP page.

    I have used a number of tools that have been proven to help develop AMP pages on my blog. This time, I will share 5 tools and websites that you can use to develop your AMP Blog.

    1. AMP Validator

    AMP Validator is a tool from ampproject.org that helps you review whether your page is valid AMP or not. This tool can detect which HTML codes do not meet the AMP HTML criteria. You can see the error code and fix it.

    AMP Validator is also available for Chrome browsers and Mozilla Firefox in the form of add on. You can install it on your browser, and can directly see if your webpage is AMP valid or not.

    Name: AMP Validator
    Developer: AMP Project / Google
    Priority: High

    2. Website Resmi AMP Project


    This is the official AMP HTML developer page. You can find the latest features, reference convert to AMPHTML, as well as documentation about AMP javascript components.

    Ampproject.org references all AMP components that can be used on your website. Ampproject.org also provides a basic example of applying code to your website.

    Name: ampproject.org
    Developer: AMP Project / Google
    Priority: High


    3. CSS Compressor


    One of the conditions for your webpage to be valid is AMP, that is, the size of CSS for web pages is not more than 50,000 bytes (50Kb).

    This is indeed the limit given by amprpoject.org as the creator of AMP HTML. For this reason you need to reduce the size of your CSS.

    On the internet, there are many tools that help you compress CSS and HTML sizes. One of them is csscompressor.com.

    You can use the tool for free. How it works, this tool will delete the line break in CSS, comment CSS tags and CSS code that doesn't need to be used. I will provide an example of CSS that has been compressed:

    Before being compressed:

    
    
    /* This is CSS Comment tag */

    body {
        Font-Family: Roboto;

        background: #fff;
        color: #444 margin: 0 padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        position: static;
    }

    After being compressed

    
    body{font-family:Roboto;background:#fff;color:#444 margin: #0 padding-top: #5px;padding-right:10px;padding-left:10px;padding-bottom:5px;position:static}


    Name: csscompressor.com
    Developer: -
    Priority: Medium (Optional)


    4. AMP By Example


    I learned a lot from this website. On the ampbyexample.com website, you can search for some references in applying the AMP javascript component on the website page.

    This website is certainly very helpful because it provides several examples of the application and use of AMP components that are still confused to apply.

    AMP Tool By Example this gives lots of samples from basic to advantages.

    Name: ampbyexample.com
    Developer: AMP Project / Google
    Priority: Medium (Optional)


    5. Kompi Ajaib


    This is increadible blog for you. KompiAjaib.com is one of my favorite blogs to develop the valid Blogger AMP that I have. Adhy, as a writer and owner of the blog has led me to learn AMP HTML.

    On this blog, you can find many references to the application of AMP HTML on your Blogger template. Many interesting tutorials on the application of AMP components that can be applied to Blogspot CMS.

    In addition, kompiajaib.com also creates and develops many valid AMP templates, you can buy licenses at cheap prices.

    Please visit KompiAjaib.com, if you don't find the AMP Blogger tutorial here: D. But unfortunately, KompiAjaib.com is currently only available in Indonesian.

    Name: KompiAjaib.com
    Developer: Adhy Suryadi
    Priority: Medium (Optional)


    That's 5 websites and tools that you can use to develop your Valid AMP Blogger. May be useful