JohnyCassiaResponsivedemo

Lingonberry Blogger Template is a clean, simple and responsive blogger theme for bloggers. Lingonberry theme has responsive design, retina ready assets, 1 column, 3 columns footer, top drop-down menu, social buttons, post share links, scroll to top link, Google fonts, auto read more and many features.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<ul class='blog-menunbt'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

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

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='socialfollowbtnnbt'>
 <a href='https://plus.google.com/+Newbloggerthemes' target='_blank' rel='nofollow' title='Google Plus'><i class='fa fa-google-plus-square'></i></a>
 <a href='https://twitter.com/newbthemes' target='_blank' rel='nofollow' title='Twitter'><i class='fa fa-twitter-square'></i></a>
 <a href='https://www.facebook.com/newbthemes' target='_blank' rel='nofollow' title='Facebook'><i class='fa fa-facebook-square'></i></a>
 <a href='http://instagram.com/username' target='_blank' rel='nofollow' title='Instagram'><i class='fa fa-instagram'></i></a>
 <a href='https://www.youtube.com/user/username' target='_blank' rel='nofollow' title='YouTube'><i class='fa fa-youtube-square'></i></a>
 <a href='http://dribbble.com/' target='_blank' rel='nofollow' title='Dribbble'><i class="fa fa-dribbble"></i></a>
 <a href='http://flickr.com/' target='_blank' rel='nofollow' title='Flickr'><i class="fa fa-flickr"></i></a>
 <a href='http://www.pinterest.com/lasanthabandara/' target='_blank' rel='nofollow' title='Pinterest'><i class="fa fa-pinterest-square"></i></a>
 <a href='http://tumblr.com/' target='_blank' rel='nofollow' title='Tumblr'><i class="fa fa-tumblr-square"></i></a>
 <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' rel='nofollow' title='RSS Feed'><i class="fa fa-rss-square"></i></a> 
</div>

Add your own social links replacing current social profile URLs.

Esperanza Lite blogger template is a clean, elegant, personal blogging theme which makes your blogging experience as simple and seamless as possible. Esperanza Lite theme is created with modern responsive design, awesome typography and focus on readability. It has social and share buttons, top drop-down navigation, 1 column layout, 3 columns footer and more features.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<ul class='menunbt' id='menu-testing-menu'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

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

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='socialfollowbtnnbt'>
 <a href='https://plus.google.com/+Newbloggerthemes' target='_blank' rel='nofollow' title='Google Plus'><i class='fa fa-google-plus-square'></i></a>
 <a href='https://twitter.com/newbthemes' target='_blank' rel='nofollow' title='Twitter'><i class='fa fa-twitter-square'></i></a>
 <a href='https://www.facebook.com/newbthemes' target='_blank' rel='nofollow' title='Facebook'><i class='fa fa-facebook-square'></i></a>
 <a href='http://instagram.com/username' target='_blank' rel='nofollow' title='Instagram'><i class='fa fa-instagram'></i></a>
 <a href='https://www.youtube.com/user/username' target='_blank' rel='nofollow' title='YouTube'><i class='fa fa-youtube-square'></i></a>
 <a href='http://dribbble.com/' target='_blank' rel='nofollow' title='Dribbble'><i class="fa fa-dribbble"></i></a>
 <a href='http://flickr.com/' target='_blank' rel='nofollow' title='Flickr'><i class="fa fa-flickr"></i></a>
 <a href='http://www.pinterest.com/lasanthabandara/' target='_blank' rel='nofollow' title='Pinterest'><i class="fa fa-pinterest-square"></i></a>
 <a href='http://tumblr.com/' target='_blank' rel='nofollow' title='Tumblr'><i class="fa fa-tumblr-square"></i></a>
 <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' rel='nofollow' title='RSS Feed'><i class="fa fa-rss-square"></i></a> 
</div>

Add your own social links replacing current social profile URLs.

Launch Time blogger template is a coming-soon/under construction blogger theme that you can use as a placeholder while waiting until your site is launched. LaunchTime is equipped with jQuery countdown timer that will display the time-left until your site is release. It also comes with Feedburner email subscription form and social media buttons.

How to Configure jQuery Countdown Timer

Find this line in "Edit HTML":

new CountDown('March 16, 2018 12:00:00', 'timenbt');

Change above date and time (March 16, 2018 12:00:00) as you like.

How to Change Welcome Message

Find this line in "Edit HTML":

<p>Launch Time is a free coming soon/under construction blogger template from NewBloggerThemes.com. Launch Time has jQuery countdown timer, email subscription box and social buttons for your profiles. Go to Edit HTML replace this with your own words.</p>

Change it with your welcome message.

How To Configure Email Subscription Box

Find this in "Edit HTML":

<div class='newsletternbt clearfixnbt'>
 <p>Want to know when we launch? Signup to our newsletter.</p>
 <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=newbthemes&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  <input class='newsletterformnbt' name='email' type='text' value=''/>
  <input name='uri' type='hidden' value='newbthemes'/>
  <input name='loc' type='hidden' value='en_US'/>
  <input class='newslettersubmitnbt' type='submit' value='Signup Now'/>
 </form>
</div>

Add your feedburner ID replacing my feedburner ID (newbthemes).

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='socialmedianbt clearfixnbt'>
 <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><img alt='Subscribe feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSXChgoq9BUiWKWuG_U2Wn2ROrh0wCXvF1rfI-zY_QJL-ZwAnCqYgQ3x-B6oj9VHv2sUZ-PEXBrUefcgGYthNnX1l8_R-WLadgugAMJjzuZ-UdThS7UZBy4geozAxoNLjfZOfraaHsWzk/s1600/feed.png' title='Subscribe feed'/></a>
 <a href='https://twitter.com/newbthemes' rel='nofollow' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaBpSbn-FPaJ0DhyphenhyphenElw6QpVhcYAyWLYD9VZVFdTKhABQt6HFP6ypEA-EetiX2os_5_4huLj_U8eCMjJKJT64Z9QRQlAoaagEdyBv5rNvOh1p7uzn9FbXFOC6ZO657P7iHVWfF-ArYY6cQ/s1600/twitter.png' title='Follow us on Twitter'/></a>
 <a href='https://www.facebook.com/newbthemes' rel='nofollow' target='_blank'><img alt='Be our fans on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCIMp9ZYlTsdoC5lo4lAFKhAROyyQQctCuNp66KOwZbZuJ11iQUnrb4C2zPtbz08GvKycC78mdsQMdJ1TfFnNk0OVA4KLaJZsT8py-qbodsHPToCZn56xd872UseRnFFmAC7LLoZ2HcY/s1600/facebook.png' title='Be our fans on Facebook'/></a>
 <a href='http://www.myspace.com/username' rel='nofollow' target='_blank'><img alt='MySpace page' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaZHQn0Wga-IwQubJBjgh6zXAMW2VqaX7wPUfvF1-88SuQSAedmD1ebT8cgJE7PF01cWlaSH4obtttAjEHdD7vjyidSD4NZ4_POAa96xp4XphcUpmZMA0HbvBjTQtf5Gtq5ny5MDoXaGk/s1600/myspace.png' title='MySpace page'/></a>
 <a href='https://www.linkedin.com/' rel='nofollow' target='_blank'><img alt='Linkedin profile' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe4L7IQ2SG27LsWyy1ZoSwrReeOOElGpa_Y5z-mxT_utm3Ts_xiRZJg6RiCdVzyzwfaWWTxRmNqnVfhnEKr5yu9V3V_7mEdiGwtgZFahrZYBjrGW2piy-6SoP_x_woi7vHarmPVfbLyo/s1600/linkedin.png' title='Linkedin profile'/></a>
 <a href='https://www.flickr.com/' rel='nofollow' target='_blank'><img alt='Flickr photos' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbjcGETIc1rLvH_DW8lTiZfffc48ncHjr7Ix731oAso3IRyoVSBKmbqX7lLuRlIxrelWclYwoZtTZ5aM-4DAoGMBAFqVmikU59CxNpVOSjzz4bkb6imySxGzFxgOoz87TGom1B1N6Qbo/s1600/flickr.png' title='Flickr photos'/></a>
 <a href='http://www.youtube.com/user/username' rel='nofollow' target='_blank'><img alt='YouTube videos' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6naLW9qTNJRSrKdm5CnUOq8JaR7XhIRxXN2onWO3UZcfygRauS5u_2rAAF-2MrGr-9nkCVh2zkrjUzs8T29c2c3R-TenzwSwFAXZiEqVqO5Z7P9GsYNxFMNGJGUc2ntLmkbWsm3MvKQ/s1600/youtube.png' title='YouTube videos'/></a>
 <a href='http://www.vimeo.com/username' rel='nofollow' target='_blank'><img alt='Vimeo videos' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglkQMUJpfA7zfI-IDMkI7wx2iDPQAzWRvW8BZrzyTupKIG3dWkp1R3NOklypQRyWqjJKd5qq8DGBtmWIhAUUcv8ah-iWuWSFRxsciXYm0iILqxI1ColB-Ts0ebbBxK4zhsGa6MHEwjvrM/s1600/vimeo.png' title='Vimeo videos'/></a>
</div>

Add your own social links replacing existing URLs.

Maintenance Mode is a beautiful coming soon/under construction blogger template for your upcoming blog. It has jQuery countdown timer, progress bar to display site progress, tabbed widget, Feedburner email subscribe box and twitter follow and share buttons and message area.

How to Configure jQuery Countdown Timer

Find this line in "Edit HTML":

MaintenanceDay = new Date('10/04/2018 01:10');

It will look like this:

Change above date and time (10/04/2018 01:10) as you like.

How to Change Progress Bar 40% Value

Let's say we need to change progress bar value to 60. Find this line in "Edit HTML":

et_percent = 40,

It will look like this:

Change value 40 to 60.
Find this line in "Edit HTML":

<span id='percent_textnbt'>40%</span>

Change value 40% to 60%.

How To Configure Email Subscription Box

Find this in "Edit HTML":

<form action='http://feedburner.google.com/fb/a/mailverify' id='searchformnbt' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=newbthemes&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
 <input id='searchinput' name='email' placeholder='Enter your email address' type='text' value=''/>
 <input name='uri' type='hidden' value='newbthemes'/>
 <input name='loc' type='hidden' value='en_US'/>
 <input class='buttonsnbt' id='searchsubmitnbt' type='submit' value='Submit'/>
</form>

Look at the image below:

Add your feedburner ID replacing my feedburner ID (newbthemes).

How to Change Welcome Message

Find this in "Edit HTML":

Maintenance Mode is a free coming soon/under construction blogger template from NewBloggerThemes.com. Maintenance Mode blogger template has jQuery countdown timer, progress bar, tabbed view section, email subscription box and twitter follow and share buttons. You can go to Edit HTML replace this with your own words. For more free blogger templates, visit <a href='http://newbloggerthemes.com/' rel='nofollow' target='_blank'>NewBloggerThemes.com</a>.

Replace it with your welcome message.

How to Configure Twitter Buttons

Find this:

<!-- Twitter Follow Button Started -->
<a class='twitter-follow-button' data-show-count='false' data-size='large' href='https://twitter.com/newbthemes'>Follow @newbthemes</a>
<!-- Twitter Follow Button End -->

<!-- Twitter Share Button Started -->
<a class='twitter-share-button' data-size='large' data-via='newbthemes' href='https://twitter.com/share'>Tweet</a>
<!-- Twitter Share Button End -->

Change "newbthemes" with your Twitter username.

Vintage Camera blogger template is a responsive, illustrated micro-blogging theme for the vintage camera enthusiast in 6 vintage styles/color schemes. Vintage Camera theme has share buttons, 1 column layout and 3 columns footer, custom post timestamps, navigation menus and search boxes, Goolge fonts, related posts and more features.

How To Change Camera Image in Theme Header

Find this in "Edit HTML":

<a expr:href='data:blog.homepageUrl'>
  <img alt='' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADk6CYLlaxDIsfm9mSCGdbGMh4Pc1a5Oz6oa9x5V7KsHKzhdoYC95ul-ZMUPRMZRxBYHW3xWDgkVTiVZ07niZqGQODgnm1wyszt9avmJcldmTGCc0clj0IclSCZ4EpJ-M32eFy0mdSvA/s1600/k1000.png' width='600'/>
</a>

Change header image address to your new image address.

How To Configure Blogger Timestamp Format

If you haven't configured timestamp format of your blog posts correctly, you will see "undefined" errors.
Follow this tutorial: http://newbloggerthemes.com/blog/fix-posted-date-undefined-error-blogger/

How To Add Links to Navigation Menu

Find this in "Edit HTML":

<div id='header-menunbt'>
<ul class='menunbt'>

<li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='menu-item'><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='#'>Sub Child Category 1</a></li>
<li class='menu-item'><a href='#'>Sub Child Category 2</a></li>
<li class='menu-item'><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li class='menu-item'><a href='#'>Child Category 2</a></li>
<li class='menu-item'><a href='#'>Child Category 3</a></li>
<li class='menu-item'><a href='#'>Child Category 4</a></li>
</ul>
</li>

...

<li class='menu-item'><a href='#'>Uncategorized</a></li>

</ul>
</div>

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

Simone is a responsive, accessible, high-resolution blogger theme with easy to read typography that scales to fit all screens. Other features are included in Simone Blogger template are keyboard accessible navigation, social profile buttons, right sidebar, 3 columns footer, Google fonts and more.

How To Change Header Background Color

Let's say you need to change header background color to "red".
Add below code just before </head> tag:

<style type='text/css'>
.site-brandingnbt {
  background: #ff0000;
}
</style>

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<ul class='menunbt'>

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

...

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

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

How To Configure Social Buttons

Find this in "Edit HTML":

<div class='menu-socialnbt' id='menu-socialnbt'>
<ul class='menu-itemsnbt' id='menu-social-itemsnbt'>
 <li><a href='http://www.facebook.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Facebook</span></a></li>
 <li><a href='http://twitter.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Twitter</span></a></li>
 <li><a href='http://plus.google.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>GooglePlus</span></a></li>
 <li><a href='http://instagram.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Instagram</span></a></li>
 <li><a href='http://youtube.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Youtube</span></a></li>
 <li><a href='http://pinterest.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Pinterest</span></a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Feed</span></a></li>
</ul>
</div>

Add your social profile URLs replacing social media networks homepages URLs.

Fictive Blogger template is great responsive blogger theme for your personal blog. Make Fictive theme personal with a custom header image, a Gravatar, and links to your favorite social networks. Fictive Blogger template has a navigation menu, social buttons, left sidebar, custom icons and more.

How To Change Header Image

Find this in "Edit HTML":

<!-- header image -->
<a expr:href='data:blog.homepageUrl'>
 <img alt='' class='header-imagenbt' height='1000' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPEG6KRgNYsHlV5BhGWTBl9CnwnPLvQthoklq-3mMtbj1A25JdIxhUAvoy5RbakuGAO53WCo_su8C2KA4O7u1URs_TDIbgdE2gMdT8Q0eCwzXur3qvTFLlzAQ6kJ2jHL6sWTzo6yMH2as/s1600/header.jpg' width='1112'/>
</a>

Replace image URL with your new header image URL.

How To Change Avatar

Find this in "Edit HTML":

<!-- header avatar -->
<div class='header-avatarnbt'>
<a expr:href='data:blog.homepageUrl'>
 <img height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tBTgF-NgJ7OuzNl6vPMRvebThW2dQ_NnMAPkL5SoDk-PoqfyM3JkceEtfrAEM3msbWVmpXTl0n8pwSMj3VGxAQE4REjpwCatxSI4Ya8dyCuzo_ckIQeu32e_xDAwKdyzqHb5LaGzUSo/s1600/header-avatar.png' width='70'/>
</a>
</div>

Replace that image URL with your avatar image URL.

How To Configure Social Buttons

Find this in "Edit HTML":

<ul class='menunbt' id='menu-social-menunbt'>
 <li><a href='http://www.facebook.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Facebook</span></a></li>
 <li><a href='http://twitter.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Twitter</span></a></li>
 <li><a href='http://plus.google.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>GooglePlus</span></a></li>
 <li><a href='http://instagram.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Instagram</span></a></li>
 <li><a href='http://flickr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Flickr</span></a></li>
 <li><a href='http://youtube.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Youtube</span></a></li>
 <li><a href='http://pinterest.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Pinterest</span></a></li>
 <li><a href='http://www.linkedin.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Linkedin</span></a></li>
 <li><a href='https://vimeo.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Vimeo</span></a></li>
 <li><a href='https://github.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Github</span></a></li>
 <li><a href='https://dribbble.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Dribbble</span></a></li>
 <li><a href='http://tumblr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Tumblr</span></a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Feed</span></a></li>
</ul>

Add your social profile URLs replacing social media networks homepages URLs.

How To Add Links to Navigation Menu

Find this in "Edit HTML":

<div class='menu-nbt-menu-container'>
<ul class='menunbt'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Uncategorized</a></li>

</ul>
</div>

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