ampaction(js)

All-In-One AMP HTML Widget for Blogger theme integrations with AMP HTML

Example amp-iframe Display Blogger Feed

Documentation


amp-iframe: Random Order (default)

Attempt to display a collection of Blogger posts in random order.


<!-- required values -->
?ampactions=feed
&amp;feedlimit=999
&amp;feedresults=5
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}

<!-- optional values -->
&amp;feedsummary=160
&amp;feedimage=320


amp-iframe: Related Posts Random Order (by Label)

Attempt to display a collection of Blogger posts by related label in random order.


<!-- required values -->
?ampactions=feed
&amp;feedrelated=true
&amp;feedrelatedlabel={{BLOG_POST_LABEL}}
&amp;feedresults=5
&amp;feedlimit=999
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}

<!-- optional values -->
&amp;feedsummary=160
&amp;feedimage=320


amp-iframe: Chronological Order

Attempt to display a collection of Blogger posts in chronological order.


<!-- required values -->
?ampactions=feed
&amp;feedrandom=false
&amp;feedresults=5
&amp;feedlimit=999
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}

<!-- optional values -->
&amp;feedsummary=160
&amp;feedimage=320


amp-iframe: Related Posts Chronological Order

Attempt to display a collection of Blogger posts by label in chronological order.


<!-- required values -->
?ampactions=feed
&amp;feedrandom=false
&amp;feedrelated=true
&amp;feedrelatedlabel={{BLOG_POST_LABEL}}
&amp;feedresults=5
&amp;feedlimit=999
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}

<!-- optional values -->
&amp;feedsummary=160
&amp;feedimage=320


amp-iframe: Post Content by Post URL

Attempt to display post content strips all HTML tags (text only).


<!-- required values -->
?ampactions=feed
&amp;feedcontenttype={{CONTENT_TYPE}}
&amp;feedlimit=999
&amp;feedresults=1
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}


amp-iframe: Post Content by Post URL

Attempt to display post content as is from feed (text & html).


<!-- required values -->
?ampactions=feed
&amp;feedcontenttype={{CONTENT_TYPE}}
&amp;feedlimit=999
&amp;feedresults=1
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}


Example: DISQUS Comments

Display DISQUS comment box & thread by disqus_shortname.


<!-- required values -->
?ampactions=disqus
&amp;shortname={{DISQUS_SHORTNAME}}
&amp;url={{BLOG_URL}}
&amp;homepageurl={{BLOG_HOMEPAGE_URL}}
&amp;canonicalurl={{BLOG_CANONICAL_URL}}
&amp;canonicalhomepageurl={{BLOG_CANONICAL_HOMEPAGE_URL}}


Font Styles (Optional)


<!-- optional font styles setup values -->
&amp;fontstyle=normal
&amp;fontweight=normal
&amp;fontsize=16
&amp;fontlineheight=1.428
&amp;fontfamily=Helvetica,Arial,sans-serif

<!-- font CSS output -->
<style> 
  body { fontstyle fontweight fontsize(+px)/fontlineheight fontfamily }
</style>

Date Formatting (Optional)


<!-- optional date formatting values -->
&amp;feeddate=ddmmyy
&amp;feedmonths=1[]2[]3[]4[]5[]6[]7[]8[]9[]10[]11[]12
&amp;fontdatesep=/[]/

Key Accepted Values
feeddate Date format display.

Assigned format values:
mmddyy - month day year (default)
ddmmyy - day month year
yymmdd - year month day
yyddmm - year day month

mmddyy (default)
feedmonths Date months format.

Converts string values to arrays.
Use [] as separators between values.

Jan[]Feb[]Mac[]Apr[]May[]Jun[]Jul[]Aug[]Sep[]Oct[]Nov[]Dec[] (default)
feeddatesep Date format separator.

Converts string values to arrays.
Use [] as string value separator

[], (default)