Saved Templates

Your saved templates are stored in this browser.

Select the heart on a template to save it here.

Search Templates & Articles

Type at least 2 characters to search.

Coral Drive

Coral Drive is a 100% responsive, simple and minimal, 2 columns Blogger theme is working perfectly on every device. Coral Drive Blogger template has a full screen header, right sidebar, 3 columns widgets area, top navigation menu, related posts with thumbnails, social and share buttons, auto post summaries, Google web fonts and more.

How To Change Header Image

Find this image address and replace it with your own image address:

https://3.bp.blogspot.com/-zQ0IiiUjKd0/V1-chMlseFI/AAAAAAAASQY/25MxCVyhea4mQyMJJlnYIZ4O4u12nkYtQCLcB/s1600/drive.jpg

How To Change Header Content

Find the code given below:

<header class='site-headernbt' id='mastheadnbt' role='banner'>
	<h2 class='fullpageheader'>CORAL DRIVE BLOGGER THEME</h2>
	<h3 class='fullpageheader'>CLICK THE BUTTON BELOW</h3>
	<a class='buttonnbt fullpageheader' href='#'>SUBSCRIBE</a>
</header><!-- #masthead -->

Change headings as you like and replace “#” mark with an URL.

How To Configure Social Buttons

Social Buttons - Coral Drive Blogger Template

Find this in “Edit HTML”:

<div class='egrid grid-100 tablet-grid-100 mobile-grid-100' id='socialnbt'>
<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='GooglePlus'><i class='fa fa-google-plus'/></a>
<a href='https://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
...
</div>

Add your own social links replacing default social profile URLs.

How To Configure Navigation Menu

Top Navigation Menu - Coral Drive Blogger Template

Find this in “Edit HTML”:

<div class='egrid grid-65 tablet-grid-100 mobile-grid-100 mynavinbt'>
<ul class='sm sm-clean collapsed' id='main-menunbt'>

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

<li><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.

Coral Drive Blogger Template Responsive View

Responsive View - Coral Drive Blogger Template

Need Help With Setup?

Follow the installation guide or contact us with your template name and blog URL.

Installation guide →Ask a question →

Related Blogger Templates

Browse All Templates

Leave a Reply

Your email address will not be published. Required fields are marked *

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.