The Main Features Of SmartBlog

Nice and Clean Design
Responsive Theme Layout
Elegant look
SEO Optimized
AD Ready
Unique Widgets
Fast loading Theme
Responsive Navigation Menu
Page navigation Widget

Edit Menu & Social Links

1. Edit Menu

Go to Blogger.com > Your Blog > Template > Edit HTML and find the following text:-

Now change all of the links with your own.

2. Edit Social Links

Go to Blogger.com > Your Blog > Template > Edit HTML and find the following text:-

Now change all of the Social links with your own.

How to Set Date On Post

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

Save It.

About Me Widget

1. Go to Blogger Dashboard > Layout > About me widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.
3. Change the image url(In Black) with author image url, Name (In Red),description(In blue) & subtitle also(In green)
4. Save It

<div class="widget-about">
    <div class="author-image"><img src="https://3.bp.blogspot.com/-TwdUupj7-lo/Vs8lzhJaoOI/AAAAAAAAAso/DjfwdDrS35M/s1600/F52361.jpg" alt="About Me" />
    </div>
    <h5 class="widget-title">Steve Jobs</h5>
    <div class="subtitle">Genius By Design</div>
    <div class="about-text">
        <p>Steve Jobs, the American businessman and technology visionary who is best known as the co-founder, chairman, and chief executive officer of Apple Inc, was born on February 24, 1955. </p>
    </div>
    <div class="about-footer cf">
        <a href="#about" class="more">Read More</a>
        <div class="social-icons">
            <a href="#" class="social-link"><i class="icon fa fa-facebook"></i></a>
            <a href="#" class="social-link"><i class="icon fa fa-twitter"></i></a>
            <a href="#" class="social-link"><i class="icon  fa fa-instagram"></i></a>
        </div>
    </div>
</div>

Quote Of The Day Widget

1. Go to Blogger Dashboard > Layout > Ouote widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.
3. Now Change The Quote
4. Save It

<div class="quote-text">
Stay <a href="#">#Hungry</a>, Stay <a href="#">#Foolish</a>.
</div>
<span class="byline">- Steve Jobs</span>

Subscribe Width

1. Go to -> Blogger Dashboard- >layout -> Subscribe- > press edit button.

<div class='logo'>
<img alt='SmartBlog' class='footer-logo' src='https://2.bp.blogspot.com/-CKrvLIJR5DE/VtCDw5vAMbI/AAAAAAAAAtc/TpupYs-Eek4/s400/footer-logo.png'/>
				</div>
				
				<div class='subscribe-form'>
				
            <form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('
https://feedburner.google.com/fb/a/mailverify?uri=feedburner_id', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" _lpchecked="1">
	     <label class='message'>Subscribe <em>now</em> to get <em>daily</em> updates</label>
               <input class="email" name="email" placeholder="Your Email Address" type="text" />
               <input name="uri" type="hidden" value="feedburner_id" />
               <input name="loc" type="hidden" value="en_US" />
               <input class="button" type="submit" value="Subscribe" />
            </form>
         
				</div>

2. Change 'feedburner_id' word with your feedburner id

Instagram Widget

1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.

<div id='instagram_feed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new instagram_feed({
 get: 'user',
 userId: 2332485555,
  limit:6,
  sortBy:'random',
accessToken: '2332485555.1654d0c.55a6e4f951de429f89d5edc21b3c689b',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]>
</script></div>

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

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

Follow The next step

Add Instagram User ID:

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 above use that code to display that Button link

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

4. save your Post and check.

Edit Post Author

1. Edit Bio

Go to Blogger.com > Your Blog > Template > Edit HTML and find the following text:-