Firenze Personal Blogger Template” Documentation by SoraTemplates” v1.0

Table of Contents

1. Installation
2. Upload Logo
3. Setting up the menu
4. About the author and Social links
5. Add searchbar on left pane
6. Credits To

---

Installation - top

You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

Then follow these steps:

1. On Blogger Dashboard Click Template.

2. Click on Customize Mobile Template on right side, now check the radio button for NO.

3. Click Backup/Restore button (Top Right).

4. Click on Choose File ( Browse..) button. Find the “template.xml” file location.

5. Then Click Upload.





---

---

Setting up the menu - top

To Edit Menu in this theme you can follow these steps:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :
   
   

    <ul class='nav' id='menu-primary'> 
    <li><a class='act' href='#' style='color:#fff;'>Home</a></li> 
    <li><a href='#'>About me</a></li> 
    <li class='dropdown'><a class='dropdown-toggle' data-toggle='dropdown' href='#'>Drop Down<i class='icon-angle-down'/></a> 
   <ul class='dropdown-menu'> 
    <li><a href='#'>Full Width</a></li>
    <li><a href='#'>Right Sidebar</a></li> 
    <li><a href='#'>Left Sidebar</a></li> 
    <li><a href='#'>404 Page</a></li>  
   </ul> 
   </li> 
    <li><a href='#'>Technology</a></li>
    <li><a href='#'>Fashion</a></li> 
    <li><a href='#'>Download</a></li> 
    </ul>

4. Change # with yours URL link and text with your text.

---

Setting up the footer Social Menu - top

To Edit Menu in this theme you can follow these steps:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :
   
   

   	    			        
   <div class='footer-socials'>
       <a class='social' href='#'>
           <i class='fa fa-twitter'/> Twitter
       </a>
       <a class='social' href='#'>
           <i class='fa fa-instagram'/> Instagram
       </a>
       <a class='social' href='#'>
           <i class='fa fa-facebook-square'/> Facebook
       </a>
       <a class='social' href='#'>
           <i class='fa fa-linkedin'/> LinkedIn
       </a>
       <a class='social google' href='#'>
           <i class='fa fa-google-plus-square'/> Google+
       </a>
   </div>

4. Change # with yours URL link and text with your text.

---

About the author and Social links - top To Edit Menu in this theme you can follow these steps:

1. On Blogger Dashbord Click layout
2. Click Edit On Author Widget
3. Add The following code
   
   

   <div class="about-me"> 
           <img src="http://3.bp.blogspot.com/-ojzRtpJZw6E/VQk3l9nnFrI/AAAAAAAABnU/skDzx4vL5xc/s1600/photo-1416339684178-3a239570f315.jpg" alt="About Firenze" /> 
   
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non leo vestibulum, condimentum elit non, venenatis eros.</p></div>

4. Change Image Url with yours URL link and text with your text.

Add Social to right panel - top
If right panel doesn't have a searchbar then you can add it by yourself:
Step 1: Goto Layout section, add a new gadget.
Step 2: Select HTML/Javascript widget.
Step 3: Paste the below code in the text area and leave the title blank. code:

<div class="widget-social"> 
                <a href="#" target="_blank"><i class="fa fa-facebook round-icon"></i></a>                <a href="#" target="_blank"><i class="fa fa-twitter round-icon"></i></a>                <a href="#" target="_blank"><i class="fa fa-google-plus round-icon"></i></a>                <a href="#" target="_blank"><i class="fa fa-instagram round-icon"></i></a>  
                  
                                <a href="#" target="_blank"><i class="fa fa-tumblr round-icon"></i></a>                <a href="#" target="_blank"><i class="fa fa-pinterest round-icon"></i></a>                                                <a href="#" target="_blank"><i class="fa fa-rss round-icon"></i></a>            </div>

Change # with yours URL link and text with your text.

---

Add Searchbar to right panel - top
If right pane doesn't have a searchbar then you can add it by yourself:
Step 1: Goto Layout section, add a new gadget.
Step 2: Select HTML/Javascript widget.
Step 3: Paste the below code in the text area and leave the title blank. code:

<form id="searchbox" method="get" action="/search"> 
<input name="q" type="text" size="15" placeholder="Type here..." /> 
<input id="button-submit" type="submit" value="Search" /> 
</form>

---

Setting Up Meta Tags

For SEO Purpose, Meta Tags are very important for your site. Search robots use this tags to index better and display better on search result.

If you don't know what these tags are and how you can use it in theme. Just follow this simple guide, we recommend you to use free online tool like Jetseotools.com to generate your Meta tags.



1. It's very simple, all you have to do is visit the link above and fill all the necessary details that describes your site and what keyword you want.
2. Click Generate Meta tags.
3. Copy all generated code & paste in your template head section. we have leave the space for that.
4. Then Click Save Template.




Jet SEO Tools

The collection of free SEO tools for website, you can generate meta description and meta keywords from these free tools and integrate in your template. - Click Here To Use These Tools



Now you are good to go.

---

 

Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.

SeoBloggerTemplates

Go To Table of Contents

---