free blogger template lauren

Lauren Blogger Template Documentation

This is the Lauren Free Blogger Template Documentation, below are the steps that will help you to configure and setup our Blogger Template.

If you are finding any difficulties configuring the template then you can go ahead and purchase our Hassle Free Template + Installation Package from here and our team will setup the blogger template for you:

Purchase Template + Installation

1. Installing the template

  1. Unzip the file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old blogger template as a backup just in case.
  4. Click Browse… button. Find the location of “Featured Template.xml” select it.
  5. Then Click Upload.

blogger template documentation install-blogger-template



2. Blogger Setting

After installing the theme, there are minimum settings to make all widgets work fine in this blogger template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.



3. Main Blogger Setting

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blogger template documentation blog widget



4. Setup Main Menu

Access your blog Layout > click Edit link on Main Menu bar and paste this code below in the content area and edit the # with your links and text with whatever you want on your Menu bar.

<ul class='topmenu1' id='masthead'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Download</a>
<li><a href='#'>Link Url</a>
<li><a href='#'>Example Menu</a>
<li><a href='#'>Example Menu 1</a></li>
<li><a href='#'>Premium Version</a></li>
<li><a href='#'>Free Version</a></li>
<li><a href='#'>Downloadable</a></li>
<li><a href='#'>Social</a>
<li><a href='#'>Features</a>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contact Us</a></li>

5. About the author

Access your blog Layout > click Edit link on Sidebar widget

In Configure window, input your Title and in content area just write the following code and replace the image by your image url and text with your author text. And click Save button to finish.

<div class="about-me"><div class="images">

<img src=""/>


Full time Fashion Designer, Photographer and Blogger. Fly third blessed dry fifth dominion two called their for which in dry unto winged great saw.




6. Instagram on Footer

Access your blog Layout > click Edit link on Footer 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='instafeed'/></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 1553982550,
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;"><i class="fa fa-search"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'

Generate your Instagram Access token by clicking on button from  Generate Instagram Access Token



Now enter the access token here in Layout of the blogger template:






7. Blog Main Color Change

Access your blog Template > click Customize as shown in below Image:


Then goto ADVANCED and select any color you want for the whole website.

Then goto ADVANCED and select any color you want for the whole website.

8. Blog Font Change

Access your blog Template > click Customize as shown in above Image in 9th point:

Then goto ADVANCED and select any color you want for the whole website.

Then change the fonts whatever you like, but if it is a web font then you’ll have to include the font file in the blogger template first in order to make the font work.


9.Footer Social Icons code:

<div class="social-icons">
<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
<a class="youtube" href="#"><i class="fa fa-youtube"></i></a>
<a class="instagram" href="#"><i class="fa fa-instagram"></i></a>
<a class="googleplus" href="#"><i class="fa fa-google-plus"></i></a>


Understand how Google Search Algorithm works

Read more here about the features of the template: Free Blogger Template

Purchase this template from here: Lauren Blogger Template
Follow my blog with Bloglovin


17 responses to “Lauren Blogger Template Documentation”

  1. Diógenes Queiroz avatar
    Diógenes Queiroz


    How can we make those different blockquotes in the post?


    1. OddThemes avatar

      Which blockquotes you’re talking about?

        1. OddThemes avatar

          We can make it stand out if you purchase the template. Thanks

  2. José M Castellanos avatar
    José M Castellanos

    Hello. In the “Home” page, the title of the entries appears whith a very small size… How can I change it?


  3. José M Castellanos avatar
    José M Castellanos

    Hello. I purchased the Lauren Premium Template. The date of the publication doesn’t appear in the main and post pages. How can add it?

    1. OddThemes avatar

      Hello, please contact us at for the issue. Thanks

  4. Morpheus avatar

    Hi, why is there a limit on max posts being shown on the main page? What I mean is, there’s about 500 posts on my blog, but only about 160 is being shown?

    1. OddThemes avatar

      To solve this, you’ll have to add page break just after first image and some text in your posts. Page break or line breaks can be added like the photo shown below.

      Just add this after some text and first photo in all the posts so that all your posts gets displayed.

      1. Morpheus avatar

        Also, one other thing is, how do I remove the “Reading” thing on the homepage? Is it possible to remove that?

        1. OddThemes avatar

          In the Free version you can’t remove that. You’ll have to purchase the template then you can remove that.


          1. Morpheus avatar

            If I purchase the Premium version, how easy would it be to remove the “…Reading” function? Will it be just a few clicks here and there? And by the way, thank you for your responses.

  5. Morpheus avatar

    Oh and one last thing, if I purchase the Premium version, will I be able to mix what I currently have with the new codes? Or will I have to start again and tweak it?

    1. OddThemes avatar

      Hello @disqus_JE0VpOSlm6:disqus, If you purchase the Premium version then our support team will setup the premium version for you on your blog without changing your codes in the free version. Thanks. After purchase please do contact us at our email id: (oddthemes[at]gmail[dot]com)

      We’re more active on our email id.


  6. Aldrin Renz Cruz avatar
    Aldrin Renz Cruz

    Hi, can I please ask why the page navigation is suddenly gone? What I remember doing last before that is I used google analytics. Is it possible that it caused it to be gone?

    1. OddThemes avatar

      Hello @aldrinrenzcruz:disqus, our support team can help you identify the problem causing but we only give support to premium version users. If you’re using Free version we’re very sorry, what you can do is take backup of the template and install it again. Thanks. If you purchase the template then you can contact us at Regards

Leave a Reply