Add Cool Subscription Box below posts in Blogger
So here a Simple subscription box for you I represent it offers Feedburner email subscription form in smooth format and rounded corner social media profile slot with stunning hover effect what grab attention quickly of visitors. This subscription box offer's 7 major social media profile slot and contains Facebook, Twitter, Google plus, Linked in, Pinterest, Instragram and Youtube. It made with HTML, CSS, CSS3 and Google font. So Let's see how it looks like, How to add this in your Blogger blog and how to configure. Read on-
Add Cool Feedburner Subscription box below posts in Blogger
Live demo- (here you go)
Backup your template (Optional Step)
- Log in to your blogger, select your blog,
- Select 'Template' option, click 'backup/restore' from upper right corner.
- Download full template and save it on Hard-drive
Embedding the codes (Mandatory Step)
- Go to 'Template' section, select 'Edit HTML'
- And find (using Ctrl+F or Cmd+F) into code snippet this line
- And paste all these following code under that line- (you may find this line twice ignore first phrase paste codes below after second phrase)
- To configuring Feedburner email subscription first collect your Feedburner Id. Example- http://feeds.feedburner.com/crawlist and replace 'your site's feed' (Green colored) with your feedburner Id
- To configuring Social media profiles First collect your following social media profile's direct link. And replace default links with your link. Example- 'http://www.facebook.com/your profile' with your Facebook profile. Rest links are same. And all social media profile's are Red colored.
- If you want to remove unused icon just delete <a href to </a> tag.
- Save your template and see your Simple Social Subscription box in live action
Template Compatibility and FAQ
- This Subscription box is compatible with almost all stranded templates but unique designed templates and highly coded templates will not accept this Subscription box. It also will not work on Blogger's default Dynamic view templates.
- If following method fails to show the widget, then search for </article> in stead of <div class='post-footer-line post-footer-line-1'> and below </article> paste those codes. see what happens...
- Won't appear on Homepage
So let me know how it looks like in your Blogger blog and how it working. Goodluck.....