Scrapper Template :: Free Template By Me
Hi friends. Today, I am going to provide you Scrapper Template which is designed by me and is completely free for anyone to use. This template is fully SEO compatible and is having a very simple and clean look. It's having a single right sidebar and having three column footer. It's adsense optimized and loads in seconds. So, if you are looking for a nice Search Engine Optimized template then you can try it.
Customization:
1. Configure Meta tags
2. Configure Header Logo
To add header logo, create a logo for your blog which must be of 232 x 50 pixels. Now, go to blogger layout and add the header logo.
3. Configure Navigation Menubar
To configure the menubar, go to blogger > Template > Edit HTML > Proceed and then search for the following code:
4. Configure Social Media Profiles
Search for the following code and replace the social media site links with your profile linksL
Customization:
1. Configure Meta tags
To configure meta tags, go to Template > Edit HTML > Proceed and search for the following code:
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
Now, replace DESCRIPTION HERE with your blog description and KEYWORDS HERE with the keywords seperated by commas.<meta content='KEYWORDS HERE' name='keywords'/>
2. Configure Header Logo
To add header logo, create a logo for your blog which must be of 232 x 50 pixels. Now, go to blogger layout and add the header logo.
3. Configure Navigation Menubar
To configure the menubar, go to blogger > Template > Edit HTML > Proceed and then search for the following code:
<div class='span-24'>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Menu 1</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a>
<ul class='children'>
<li><a href='#'>Sub Category</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu 3</a>
<ul class='children'>
<li><a href='#'>Category</a>
<ul class='children'>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 6</a></li>
</ul>
</div>
</div>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Menu 1</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a>
<ul class='children'>
<li><a href='#'>Sub Category</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu 3</a>
<ul class='children'>
<li><a href='#'>Category</a>
<ul class='children'>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
<li><a href='#'>Sub Category</a></li>
</ul>
</li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='#'>Menu 6</a></li>
</ul>
</div>
</div>
In the above code, just replace the red text with your desired text and replace # with the target link.
4. Configure Social Media Profiles
Search for the following code and replace the social media site links with your profile linksL
<h3 class='widgettitle'>Social Profiles</h3>
0 comments:
Post a Comment