Nimbus | Documentation [ Yotemplates.com ]

	<div id='masthead' role='banner'>
<div class='container'>

<div class='navbar pull-left eight navbar-inverse'>
 <div class='navbar-inner'>
 <div class='btn-navbar' data-target='.nav-collapse' data-toggle='collapse' type='button'><img src='http://1.bp.blogspot.com/-YLett_yI-gg/U7cKQb_fxRI/AAAAAAAAA_w/BeP_rK-mM9w/s1600/bmenu+copy.png'/></div>



<div class='nav-collapse collapse'>
 <ul class='nav' id='menu-primary'>
 <li><a class='act' href='#' style='color: #fbcd12;'>Home</a></li>
 <li><a href='#'>Theme Options</a></li>
 <li class='dropdown'><a class='dropdown-toggle' data-toggle='dropdown' href='#'>Pages<i class='icon-angle-down'/></a>
<ul class='dropdown-menu'>
 <li><a href='#'>Full Width</a></li>
 <li><a href='#'>Right Sidebar</a></li>
 <li><a href='#'>Left Sidebar</a></li>
 <li><a href='#'>404 Page</a></li> 

</ul>
</li>
 <li><a href='#'>Download</a></li>
<li><a href='#'>Full Width</a></li>
 <li><a href='#'>Right Sidebar</a></li>
 <li><a href='#'>Left Sidebar</a></li>
 <li><a href='#'>404 Page</a></li> 
 </ul>
</div>
 
 </div> 
</div>

<div class='topicon pull-right four'>
<div id='search_box'><form action='/search' id='search' method='get'>
<input class='search_text' id='search_text' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' type='text' value='Search...'/></form><div class='search_button'><i class='fa fa-search'/></div></div>
</div>
</div>

<div class='clear'/>


</div>

3. About Author (Optional)

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Add the following Code:




<div class="widget-content">
<div class="My-pix">
<img alt="My Photo" src="http://1.bp.blogspot.com/-BoCkJc9x0OQ/VV8p4CPfruI/AAAAAAAAAyA/OFYxwQz69K0/s250-c/author-img.jpg" />

</div>
<dl class="profile-datablock">
 


<div class="bt_author_bio">
            <h3><a href="http://www.yotemplates.com" title="Zarja">Zarja Kij</a></h3>
            
<dd class="profile-textblock">Far far away, behind the word mountains, far from the countries Consonantia….
<br/>
<img src="http://1.bp.blogspot.com/-xrD5EdyFRKY/VdmQ1qZpJYI/AAAAAAAADAA/uth4f04JQEE/s1600/sig%25289%2529.png" style="width:30%;height: auto;" />
</dd>


</div></dl></div>

Now all You Have to do is, Change the Image URLs with Your Desired Image URLs, And Social Links URLs (href=#) with Your Social Sites links

If You Are Still Facing some Problems, Fill Free to ask for the assistance.

4. Popular Post Carousel

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<script type="text/javascript">
var nopost = 10;
</script>
<script src="/feeds/posts/default/-/LABEL_NAME?alt=json-in-script&amp;callback=galposts"></script>

LABEL_NAME	Change it with the label name of posts to be shown.
numpostsq	Number of posts to be shown. It must be lower or equal to the number of posts that have the label name.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

Go to this url Facebook Like Box

Facebook Page Url	Add Your FB Url in box
Color Scheme	Choose light color scheme

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<script type="text/javascript">
var nopostb = 5;
</script>
<script src="/feeds/posts/default/-/LABEL_NAME?alt=json-in-script&amp;callback=blockposts"></script>

LABEL_NAME	Change it with the label name of posts to be shown.
nopostb	Number of posts to be shown. It must be lower or equal to the number of posts that have the label name.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<script type="text/javascript">
var nopostr = 5;
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;callback=recentposts"></script>

nopostr

Number of posts to be shown. It must be lower or equal to the number of posts in your blog.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<div id="random-posts">

<script style="text/javascript">
 var numposts_gal = 4;
</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=99"></script>
</div>

numposts_gal

Number of posts to be shown.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<div id="comments-container"></div>
<script>
var cm_config = {
ct_id: "comments-container",
max_result: 5
};
</script>

max_result

Number of recent comments to be shown.

1. On Blogger Dashboard Click Layout.
2. Click Add a Gadget.
3. Choose HTML/Javascript.
4. Copy the following Code:

<script type="text/javascript">
var numpostso = 4;
var classo = "gallery_widget gallery_widget_posts owl-carousel owl-theme";
var ido = "footer_carousel";
</script>
<script src='/feeds/posts/default/-/slideshow?alt=json-in-script&amp;callback=ocarousel' type='text/javascript'/></script>

slideshow	Add This label name to posts you want them to be shown.
numpostso	Number of posts to be shown. It must be lower or equal to the number of posts that have the label name slideshow.

5. Side Bar Social Icons

    <div class="social-links-wrap">
                <ul class="social-links clearfix">
                    <li><a href="http://www.facebook.com/yotemplates" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
                    </li>
                    <li><a href="http://www.twitter.com/yotemplates" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li><a href="#" title="Flickr" class="blu_flickr_background_hover blu_flickr_border_hover" target="_blank"><i class="fa fa-flickr"></i></a>
                    </li>
                    <li><a href="#" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a>
                    </li>
                    <li><a href="#" title="Dribbble" target="_blank"><i class="fa fa-dribbble"></i></a>
                    </li>
                </ul></div>

6. Instagram Widget

1. On Blogger Dashboard Click Template.
2. Click Layout.
3. Add an HTML/Javascript Widget wherever you want to place instagram widget
4. And Paste the Code Generated Frominstansive.com

7. Author Information settings

1. On Blogger Dashboard Click Templates.
2. And Follow the instructions given the below: