Taylor Shop Free Blogger Template

Posted by Admin on 1/26/13 at 2:09 PM in ,
Taylor Shop Free Blogger Template

Alright folks, it's time for us to release our first ever blogger template! Say hello to our free Blogger template, the Taylor Shop! For all those who want dark yet simple looking template, Taylor Shop is something worthy. Best suited for blogs on topics like Tailoring, Fashion Design, Rock Climbing and Mountain Sports. We shall now list out how our template is unique and further modifications.

Coming to the basics, Taylor Shop blogger template is a dark themed, 2 Columns, Right Sidebar, Fixed Width blogger template with 2 Column footer. It is converted from a static HTML design.

Taylor Shop Blogger Template

Unique Features :

  • HTML 5 & CSS3 Coded
  • Basic Search Engine Optimized
  • Socially Engineered with Facebook Open Graph Integration
  • Elegant Nivo Slider
  • jQuery 1.8.3 Version
  • Google JSON API, Facebook SDK, Google Plus One, Pinterest Scripts already Integrated

Modifications :

Here are a few things which you must modify before using the template. Go to your blog template page and click on 'Edit HTML'.

1 . Open Graph Default Image

Hit CTRL+F to open the search box of your browser, and search for 'YOUR_WEBSITE_LOGO_IMAGE_URL'. Replace this (3 occurrences)  with the image url of your website logo or any other default image which you would like to appear when your blog link is shared on facebook.

2 . Top Menu

Search for 'Top Menu Bar' and you will find this :

<li class='current'>
<a expr:href='data:blog.homepageUrl'>Home</a>
</li>
<li>
<a href='#'>Product</a>
</li>
<li>
<a href='#'>Services</a>
</li>
<li>
<a href='#'>Blog</a>
</li>
<li>
<a href='#'>About</a>
</li>
<li>
<a href='#'>Contact</a>
</li>

Here replace '#' with your own link and 'Products' with your Menu item name. Same goes for the rest menu items below it.

3 . Slider

Search for 'Slider Code' and you will be taken to this :

<a href='LINK-1-HERE'><img alt='POST-TITLE-1' src='http://3.bp.blogspot.com/-4s2q0AXL7xU/UQNXYVKwAwI/AAAAAAAABgA/c3z_8pgB6wQ/s1600/typicaltips-taylorshop1.png' title='POST-TITLE-1'/></a>
<a href='LINK-2-HERE'><img alt='POST-TITLE-2' src='http://1.bp.blogspot.com/-GIpdXce79HQ/UQNXYStws8I/AAAAAAAABgE/c_bN-6YsyUY/s1600/typicaltips-taylorshop2.png' title='POST-TITLE-2'/></a>
<a href='LINK-3-HERE'><img alt='POST-TITLE-3' src='http://1.bp.blogspot.com/-CJpeejMM4Zo/UQNXZDWwNAI/AAAAAAAABgM/utd0E_41_0E/s1600/typicaltips-taylorshop3.png' title='POST-TITLE-3'/></a>

Here replace LINK-1-HERE, LINK-2-HERE and LINK-3-HERE with the post links and POST-TITLE-1, POST-TITLE-2 and POST-TITLE-3 with corresponding post titles and in the same way, the image sources with corresponding image urls of 960 x 400 pixels height.

Check out How to Install Blogger Template

That's it. Your template is now ready to role. Come back for more :)


Singapore Top Web & Mobile Development Company

Trending

Find Your Site on Google

Stay Updated with Newsteller
Copyright © 2013 Typical Tips. All Rights Reserved
About Us | Services