ampaction(js) Widget Preview by Blogr-AMP Blogger Theme with AMP HTML

Example amp-iframe Display Blogger Feed

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

Widget Preview

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

Widget Preview

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

Widget Preview

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

Widget Preview

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}}

Widget Preview

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}}

Widget Preview

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}}

Widget Preview

Font Styles (Optional)

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

<!-- optional font color values -->
&amp;fontcolor=333333
&amp;fontlinkcolor=0066cc

<!-- font CSS output -->
<style> 
  body { [fontstyle] [fontweight] [fontsize]px/[fontlineheight] [fontfamily] }
</style>

<!-- font CSS output -->
<style> 
  body { color: [fontcolor]; }
  a { color: [fontcolor]; }
</style>

Date Formatting (Optional for Feed Display)

<!-- 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)

Example: Instagram Feed

Display Instagram posts, follower & following count powered by Instafeed(js).

<!-- required values -->
?ampactions=instagram
&amp;clientid={{ user instagram client id }}
&amp;accesstoken={{ user instagram access token }}
&amp;get=user
&amp;userid={{ user instagram id }}
&amp;sortby=random
&amp;limit=9
&amp;resolution=low_resolution
&amp;comments=true
&amp;likes=true
&amp;headercolor=%23333333
&amp;headerbg=%23ffffff
&amp;feedbg=%23000000
&amp;feedbgopacity=.45
&amp;feedbgcolor=%23000000
&amp;feedcolor=%23ffffff
&amp;posts=Poss
&amp;follower=Followers
&amp;following=Following
&amp;breakpoint=428
&amp;columns=3
&amp;columnsmobile=2

Font Styles (optional) available.

Widget Preview