# Lorde Blogger Template

## How To Install Blogger Template

For these you need a account on blogger.com where you can create a free blog, In this guide I'm not going to tell you that how you can create a blog on blogger, I assume that you have a blogger account with a blogger blog, so let's get started!

Also Read: Complete Guide To Setup Blog

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Backup/Restore button (Top Right).
- Click Choose File button. Find where the “Lorde-theme.xml” file location.
- Now Click On Upload Button.

## How to Customize Menu Navigation

Navigation menu will helps to make site user friendly, You can add label links, page links, affliate links or any external website link by just changing it little bit.

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Edit HTML button
- Now Find `<!--Navigation Menu-->` in template code using ctrl+f
- Now you will see navigation menu code, just change its text and link according to your need.

## How to Customize Social Buttons

Social Media Follow Us buttons will help your blog/website to make your blog viral on Social Medias, To change the link of social medias button follow below steps:

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Edit HTML button
- Now Find `<!--Social Icons Code-->` in template code using ctrl+f
- Now you will see Social media buttons code, just replace YOUR-LINK-HERE with your social media username.

## How to Add Slider

This slider will automatically fetch the latest post and will show it in slider style, You can add this widget to this template by adding below code:

- Go To Blogger Dashboard
- Click On Layout Tab
- Now Just Above "BLOG POST" Add Gadget and paste below code there:

    <div id="featpost"></div>
    <script type='text/javascript'>
    jQuery("#featpost").AutofeaturedPost({
    MaxPost:5
    });
    </script>

## How to Add Like Box

For adding facebook like box to blogger, go to official Like Box Generator and then paste your page URL and then click on Get Code button, Now select iFrame Copy given code and paste it in HTML/Javascript by adding New gadget in layout tab.

## How to Add Twitter Feed Box

Twitter is very popular social media websites. Like others social networks, Twitter also plays an important role for every blog and website.

- Go To Blogger Dashboard
- Click On Layout Tab
- Now Add Gadget >> HTML/JavaScript
- Paste below code there:

    <a class="twitter-timeline" href="https://twitter.com/lordemusic" data-widget-id="429486347175211008">Tweets by @lordemusic</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

- Replace `lordemusic` with your twitter username.