Groovy Next 700

Groovy Blogger Template Documentation

Welcome to the Documentation of Groovy Fashion Blogger Template, below are the steps that will help you to configure and setup our Groovy Blogger Template.

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

Purchase Template + Installation

1. Installing the template

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

install-blogger-template

 

mobile-responsive

2. Blogger Setting

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

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

feed-full

 

 

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

blog widget

 

 

4. Setup Main Menu in the center

Goto blogger Edit Template section and search for the below code and edit it according to your needs:

<ul class='topmenu1' id='masthead'>
<li><a href='/'>Home</a><ul><li><a href="#">Next Version</a></li></ul></li>
<li><a href='#'>Download</a>
<ul><li><a href='#'>Link Url</a>
<ul>
<li><a href='#'>Example Menu</a>
</li>
<li><a href='#'>Example Menu 1</a></li>
</ul>
</li>
<li><a href='#'>Premium Version</a></li>
<li><a href='#'>Free Version</a></li>
<li><a href='#'>Downloadable</a></li>
</ul>
</li>
<li><a href='#'>Social</a>
</li>
<li><a href='#'>Features</a>
<ul>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Sports Group</a>
<ul>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
<li><a href='#'>Category 4</a></li>
<li><a href='#'>Category 5</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu 3</a></li>
<li><a href='#'>Sub Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>

 

5. Setup Top Left Menu

To setup Top Left Menu, please check out the following video:

 

6. Social media icons on Top Right

Access your blog Layout > click Edit link on Social Icons widget

You can enter the below text:

<a href="#"><i class="fa fa-facebook"/></i></a>
<a href="#"><i class="fa fa-twitter"/></i></a>
<a href="#"><i class="fa fa-pinterest"/></i></a>
<a href="#"><i class="fa fa-instagram"/></i></a>
<a href="#"><i class="fa fa-google-plus"/></i></a>

 

7. Ads on Header

You Can See in the Ads on top of the website, to put your ads you can follow the image below:

ads

Click on edit and write your ads code.

8. Homepage Post Section

You Can See in the post section on the website as shown in the below image.

blogger template responsive

 

You can set these sections by just adding LABELS to this layout widget as shown in the third point.

magazine blog

 

You just need to add LABELS of your posts which you can get from here:

labels

 

You Can See in the post section on the website as shown in the below image.

magazine theme

 

You can set this part by adding label to this layout widget.

magazine theme

NOW Just add the LABEL of posts in these 3 sections from LAYOUT, and the posts will get shown on the homepage. Just add the LABEL as shown in below picture:

footer website

 

9. Blog Main Color Change

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

infinite

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.

10. 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 template first in order to make the font work.

 

 

Just change the hyperlink href=”#” to your social media link.

 

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

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


Comments

13 responses to “Groovy Blogger Template Documentation”

  1. I can’t find the code in the HTML for step 4!

  2. Sathish Gsk avatar
    Sathish Gsk

    slider not working.. groovey theme

  3. Does anyone know how to add more to the sidebar (when you click on a post to read)??? Thanks for any tips/help.

  4. Το φαγητό της μαμάς (tofagitot avatar
    Το φαγητό της μαμάς (tofagitot

    Perfect template. I have the free version and its unlock everything. I can change the colour and the type of text and lot more!! A++++++++++++++

  5. Kulturalnie Wybredna avatar
    Kulturalnie Wybredna

    I have a problem with the responsive version. On the phone held vertically it is ok, but horizontally the page does not adjust, only cuts off a part of the page

    1. OddThemes avatar
      OddThemes

      Please download the free version of the template again from oddthemes.com and check if it is now okay or not.

      1. Kulturalnie Wybredna avatar
        Kulturalnie Wybredna

        Still doesn’t work. The text is cut off and I can not move the screen to the side to read the rest https://uploads.disquscdn.com/images/19dbb1925d5f12a58d4345769d897d24abc611ff345dd4b871f86b712741236c.png

        1. OddThemes avatar
          OddThemes

          Okay, thanks for the screenshot, now we’ve updated the file for you. You can download again and have a look. Thanks for taking out time to show us the bug.

  6. a sui che avatar
    a sui che

    HI, I already labelled my posts with FEATURED but I couldn’t make the LOOPED SLIDER work. There is no slider appearing on my blog. Can you help me? Thanks
    I choosing Groovy Next template.
    This is my blog https://www.asui.co/

    Help me…

    1. OddThemes avatar
      OddThemes

      Hello dear, please check your facebook messages, we’re replying you there. Thanks for purchasing.

    2. Pritåm Păul avatar
      Pritåm Păul

      hi can u tell me how to enable this featured

  7. Pritåm Păul avatar
    Pritåm Păul

    Hello i Used Groovy The but BOX SLIDER LEFT , LOOPED SLIDER , BOX SLIDER doesnt work check my website https://www.hollybollycelebgossips.com/ i always try to change lebel but result is same please tell me solution otherwise theme is great https://uploads.disquscdn.com/images/96c82c07c92a7f5b63d109052b1c9971a84f95bb9b2388f6e73183690c7e1de5.png

Leave a Reply