Cosparell Blogger Template

Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Black, Featured Section, Fixed width, Magazine, Minimalist, Responsive, Right Sidebar, Slider, Top Navigation Bar, White,

Theme Name:

Cosparell

Author / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Designer / URL:

Ghafir Sayed | http://supernovathemes.com/

Published Date:

June 13, 2016

Advanced Details:

https://newbloggerthemes.com/cosparell-blogger-template/

Live Demo Free Download Template Installation Premium Themes

Cosparell is a 100% responsive, clean and elegant looking, 2 columns multipurpose Blogger theme. Cosparell Blogger template has a right sidebar, 3 colmns footer widgets area, top navigation menu, related posts with thumbnails, many social buttons, share icons, font icons, auto post summaries, scroll-to-top button, Google web fonts and more.

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='header-iconsnbt clearnbt'>
<ul>
<li><a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><span class='facebook-linknbt'/></a></li>
<li><a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><span class='twitter-linknbt'/></a></li>
<li><a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><span class='googleplus-linknbt'/></a></li>
<li><a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><span class='pinterest-linknbt'/></a></li>
...
</ul>	
</div>

Add your own social links replacing default social profile URLs.

How To Configure Top Navigation Menu

Top Navigation - Cosparell Blogger Template

Find this in "Edit HTML":

<div class='menu-containernbt'>
<ul class='menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item-has-children'><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Slider - Cosparell Blogger Template

Find this:

<div class='flexslider' id='slidernbt'>
<ul class='slides'>

<!-- Slide 1 Code Start -->
<li>
	<a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://4.bp.blogspot.com/-DqZ8PQ8x2fM/V1zROCTHlxI/AAAAAAAASOk/coYvxLtGIHwoFnRF1v4w-_YU8SdyKmhLACLcB/s1600/slide-image-1.jpg'/></a>
	<div class='slider-content'>
		<h1>The Supermodel</h1>
		<p>Latest Trends</p>
	</div>
</li>
<!-- Slide 1 Code End -->

...

</ul>
</div>

There are 3 slides in the slider. You can add or remove more slides if you want.

To configure first slide, replace,
replace "ENTER-SLIDE-1-LINK-HERE"s with your real slide link,
replace "The Supermodel" with your real slide title,
replace "Latest Trends" with your real slide description,
replace "https://4.bp.blogspot.com/-DqZ8PQ8x2fM/V1zROCTHlxI/AAAAAAAASOk/coYvxLtGIHwoFnRF1v4w-_YU8SdyKmhLACLcB/s1600/slide-image-1.jpg" your real slide image URL.

Follow the same steps for other 2 slides.

Note: Default image size for the slider is 1073px × 582px.