{"id":378,"date":"2017-06-10T09:54:02","date_gmt":"2017-06-10T09:54:02","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=378"},"modified":"2017-11-04T11:20:46","modified_gmt":"2017-11-04T11:20:46","slug":"how-to-add-gist-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-gist-in-amp\/","title":{"rendered":"How to Add Gist in AMP"},"content":{"rendered":"<p>Hello, Everyone!<\/p>\n<p>This tutorial is about adding Gist in AMP.<\/p>\n<p>After creating a gist, copy the gist id from URL.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-379\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56.png\" alt=\"adding gist in AMP\" width=\"1365\" height=\"735\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56.png 1365w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56-300x162.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56-768x414.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Hello-World-Google-Chrome-2017-06-10-15.05.56-1024x551.png 1024w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Add the AMP-Gist shortcode wherever you want to show the Gist in AMP.<\/p>\n<p>Shortcode example: <code> &#091;amp-gist id=\"1994d142ae0df6929fbec4d1fd2c60c5\"&#093; <\/code><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Gist-Example-AMP-Site-Google-Chrome-2017-06-10-15.19.26.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-380\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Gist-Example-AMP-Site-Google-Chrome-2017-06-10-15.19.26.png\" alt=\"Gist Show Working\" width=\"940\" height=\"304\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Gist-Example-AMP-Site-Google-Chrome-2017-06-10-15.19.26.png 940w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Gist-Example-AMP-Site-Google-Chrome-2017-06-10-15.19.26-300x97.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Gist-Example-AMP-Site-Google-Chrome-2017-06-10-15.19.26-768x248.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/a><\/p>\n<p>Hope it helps.<\/p>\n<p>Teach people with Gist not with Fist \ud83d\ude09<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hello, Everyone! This tutorial is about adding Gist in AMP. After creating a gist, copy the gist id from URL. &nbsp; Add the AMP-Gist shortcode wherever you want to show the Gist in AMP. Shortcode example: &#091;amp-gist id=&#8221;1994d142ae0df6929fbec4d1fd2c60c5&#8243;&#093; Hope it helps. Teach people with Gist not with Fist \ud83d\ude09 Ask&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/378"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":10,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/378\/revisions"}],"predecessor-version":[{"id":4146,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/378\/revisions\/4146"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=378"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}