# Feedly Blogger Template

# The Main Features Of Feedly

- Nice and Clean Design
- Responsive Theme Layout
- Elegant look
- SEO Optimized
- Unique Widgets
- Fast loading Theme
- Responsive Navigation Menu
- Page navigation Widget
- Theme Color Editor
- And Much More....

# Change Color Of The Template

- First Go To Your Blogger Blog.
- Now Go To Layout. And Go To Blogger Designer
- In The Blogger Template Designer. Click On The Advance Option
- Now Click On The Main Theme Color & Paste Your Color Or Pick A Color From The Color Picker Or Use Recommended Color.
- Now Click On The Theme Secondary Color & Paste Your Color Or Pick A Color From The Color Picker Or Use Recommended Color.
- Now Click On Apply To Blog To Save The Changes

# Navigation & Social Links

Logo Setting[Optional]

Go to your Blogger Account - Your Blog & select Layout

Now In Header Widget Click On Edit

Upload Your Logo And Select "Instead of title and description" as the "Placement" option & Select Shrink To Fit.

Set Up Navigation

1.Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Begin Main Nav -->
2.Then replace the # with your urls.

3. Click On Save.

Set Up Social Links

1. Go to Blogger Dashboard -> Layout -> Social Header [Social Buttons] -> Click On Edit Button

Icons Available [ facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen , vimeo]

Note: The Social Site Name Sholud Be In Lower-Case.

# Slider

Set Number Of Slides

Find the following text in the template editor ' // Control Number Of Post Of Slider '
Now chnage the ' numpost1 ' value according to your wish...

Note:-

Slider Works Automatically With New Post.
But Few Things Are Needed To Work The Slider Perfectly:

1. Your Blog Must Be Public From The Settings
2. Your Blog Feed Set To Be Full From settings -> Other -> Site feed -> Allow Blog Feed (Full).
3. Your Blog Post Has at least One Label In Your Latest Posts.
4. Please Try To Add High Quality Images.
5. If There Is No Image, The Default Image Will Appear Please Change It If You Want To.
   To Change The Default Image Search In Blogger Template Editor " // set your own image " And Replace The Default Image URL With Your Own URL.
   Default Image "https://3.bp.blogspot.com/-l6mLadzuSpU/V81xcwvWeEI/AAAAAAAAA3Y/T0yIVIIbrSY03NQ6yx5EY2O6KIhXcCyRwCLcB/s1600/default.jpg"

# Instagram Widget

Set Your Instagram Profile Link

Find In Blogger Template Editor " #Your_insta_profile_link " & Replace It With Yours.

Set Up Instagram Widget

1. Go to Blogger.com > Your Blog > Template > Edit HTML and find the following text:- <!-- Instagram Widget -->

2. Now Change The User ID And The Access Token.

To Generate Access Token for instagram widget to work Go to this url-> http://instagram.pixelunion.net/ Generate access token

Sign In and Follow the steps

Then You'll be given an access token like this 2332485555.1654d0c.55a6e4f951de429f89d5edc21b3c689b

Follow The next step

Add Instagram Access Token:

Add Instagram User ID:

# Footer Menu

1. Go to Blogger Dashboard -> Layout -> Main Menu -> Click On Edit Button
2. And Just Add Your Links.

# How to Set Date On Post

Go to Blogger Dashboard > Settings > Language and Formatting > Formatting > Timestamp Format > set it to date instead of time.

Now Click On Save

# Add Button

1. In the Post section, click on edit post or create a new post
2. Click on HTML
3. A code is written below use that code to display that Button link

Code For Default Button

    <a class="btn" href="Your Link" target="_blank">Your Text Here</a></div>

Code For Blue Button

    <a class="btn blue" href="Your Link" target="_blank">Your Text Here</a></div>

Code For Red Button

    <a class="btn red" href="Your Link" target="_blank">Your Text Here</a></div>

Code For Green Button

    <a class="btn green" href="Your Link" target="_blank">Your Text Here</a></div>

Code For Yellow Button

    <a class="btn yellow" href="Your Link" target="_blank">Your Text Here</a></div>

4. save your Post and check.

# Post Author & Related Posts

Post Author

Edit Post Author Bio

1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Post Author Bio -->
2. Now Change It With Your Own Bio

Edit Author Social Links

1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Your Social Links -->
2. Now Change It With Your Own Links

Related Posts Widget:

1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- // Number Of Posts

# Settings

Set Mobile Version

To Use Responsive Design In Mobile Devices Than First You Need To Enable It.

Note:The Responsive Menu Link Sub Menu Will Not Work(Open) In The Desktop If You Resize Your Window It Is Only Work On Mobile Devices.

1. Go to Blogger.com -> Your Blog -> Template -> Now In Mobile Section Click On Gear Button As Shown In Given Below Image

2. Click On "No. Show desktop template on mobile devices." And Than Click On Save.

Thanks For Downloading ❤
Copyright © 2015. Templateclue