This widget provides blog users to custom select any posts within their blog and display it anywhere at their blog layout by drag & drop widget to its location. Users have the option to display a featured post by with its title, description & image either from their recent published posts or a posts published earlier in their blog by using the useful post search tool.
However for AMP HTML enabled Blogger templates, javascript is included with widget & by including it (from Blogger widget selection) will generate error as a non valid AMP blog page & further editing is required in template HTML.
Below is the updated Blogger Featured Post widget/gadget that is valid AMP & can be used on any Blogger template with AMP HTML integration. All tags have been converted to use AMP HTML tags which makes it easy to place it anywhere within your blog template section tags,
Get Your Unique PassCode
1 PassCode used on All exclusive datas in this AMP Blogger Blog!
PassCode Delivered by Google's FeedBurner | Privacy Policy | Terms
Show & Copy AMP HTML Featured Post Gadget
If you have a unique PassCode from earlier datas, please re-enter your PassCode. Thank You.
How to Use
Adding new widget in Blogger's Template HTML:-
- At Blogger Dashboard > go to Template
- Backup template before proceeding
- Click Edit Template
- At template
<body>find any<b:section> ... </b:section>Blogger template layout tags. - Copy above codes inside any
<b:section>tag - At
id='FeaturePost**', replace**with 1 the unique integer/number. - Click Save Template
Note: Blogger only enables only 1 Featured Post widget per blog. You might need to deleted your exisiting Featured Posts widget or replace the existing widget with the AMP enabled widget.
Editing in Blogger dashboard > Layout:
- Edit gadget title at dashboard > Layout
- Save widget
- Drag & drop widget anywhere in template Layout.
- Save Arrangements.
- Preview your changes.
Behavior
- Only 1 Featured Posts widget per blog enabled.
- No changes on widget/gadget application at Blogger > Layout.
- Edit widget title to display as the widget title.
- Select/unselect to display title, description or image.
- By default, the featured post image display is using AMP HTML
layout='responsive'.
Improvements
- Removed all javascript codes used on existing Featured Post gadget/widget.
- Updated description tag to use paragraphs tags.
- Updated
<img/>tags to use<amp-img>tags with autoalt,width&heightattributes pre-assigned.
Common Styles
Common name references to use for Featured Post widget/gadget for styling. Add CSS within
<style amp-custom="amp-custom"/> tag in Blogger's > Template HTML.#FeaturedPost1 { } #FeaturedPost1 h2 { } #FeaturedPost1 amp-img { } #FeaturedPost1 p { } Where
* is the unique widget/gadget id assigned for the Featured Post widget/gadget.If you find any issues, please do not hesitate to leave a comment below or contact us here.
