 |
| Live Preview |
I was not posting since 2 or more days because I was thinking to give some New Year gift so I think why not clone a blogger template of Blogger Yard because I was heard from many bloggers that they want Blogger Yard's V2.0 so that's why I think why not I give the best ever surprise to my valuable readers so finally after many hard work I cloned Blogger Yard's Template. Yeah guy's you are reading right that I have cloned Blogger Yard's Template. I know everyone in the Blogosphere want to download Blogger Yard's newest template because it look so cool that will surely liked by many visitors.
Features
It has many features that is uncountable but some are below:
- Awesome Menu In The Header
- Featured Posts
- Grid Posts
- Sharing Buttons Below Post Title
- Numbered Pagination
- Newsletter Widget
- 3 Column Footer
- 100% SEO Friendly
- and Many More.
Customization
Every template need some customization and like rest of the templates this template is also need customization. Follow below steps properly to do proper customization and take your blog to the next level.
Replacing Logo With Your Logo
- As usual go to Blogger > Template > Edit HTML > Press Ctrl + F and find below url
- http://4.bp.blogspot.com/-rbT9_Y06CLY/VJhGyaT0A3I/AAAAAAAABZ4/9Ft7b2H0mwQ/s1600/CB.Net.gif
- replace this url with your logo image url.
Customizing Header Menu
- Press Ctrl + F and find below code
<nav id='menu'>
- You'll Code like this
<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Menu</span></label>
<ul>
<li><a href='/'><i class='fa fa-home'/><span>Home</span></a></li>
<li class='item1'><a href='/search/label/Blogger%20Tricks'><i class='fa fa-cog'/><span>Tutorials</span></a></li>
<li class='item2'><a href='/search/label/Blogging%20Tips'><i class='fa fa-edit'/><span>Blog Tips</span></a></li>
<li class='item3'><a href='/search/label/SEO'><i class='fa fa-search'/><span>SEO</span></a></li>
<li class='item4'><a href='/search/label/Make%20Money'><i class='fa fa-usd'/><span>Make Money</span></a></li>
<li class='item5'><a href='/search/label/Traffic%20Tips'><i class='fa fa-signal'/><span>Traffic Tips</span></a></li>
<li class='item6'><a href='/search/label/Templates'><i class='fa fa-desktop'/><span>Templates</span></a></li>
<li class='item7'><a href='/search/label/Widgets'><i class='fa fa-cogs'/><span>Widgets</span></a></li>
</ul>
</nav>
</div>
- Now replace all links with your's.
Customizing Featured Posts
- Now once again find below code
<div id='featured-posts'>
- you'll see code like this
<div id='featured-posts'>
<div class='container'>
<h3>Featured Posts</h3>
<ul>
<li class='item1'><a href='Your post URL here'>Your post name here</a><span><i class='fa fa-tags'/>your label here</span></li>
<li class='item2'><a href='Your post URL here'>Your post name here</a><span><i class='fa fa-tags'/>your label here</span></li>
<li class='item3'><a href='Your post URL here'>Your post name here</a><span><i class='fa fa-tags'/>your label here</span></li>
<li class='item4'><a href='Your post URL here'>Your post name here</a><span><i class='fa fa-tags'/>your label here</span></li>
</ul>
</div>
</div>
- Now replace the links and url's with your's.
Customizing The Footer Newsletter Widget
- Now once again find
<div id='subscribe'>
- You'll see code like this
<div id='subscribe'>
<div class='container'>
<div class='left'>
<i class='fa fa-envelope'/>
<br/>
<h3>Sign up to our newsletter!</h3>
<p>
Love to read our articles? Register now to get fresh content about Blogger Tricks, SEO, Widgets, Templates directly to your inbox.
</p>
</div>
<div id='right'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=yourfeedburnerid', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='inptfld' name='email' placeholder=' Enter Your Email' style='font-family:Open Sans' type='text'/>
<input name='uri' type='hidden' value='yourfeedburnerid'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='subscribebtn' type='submit' value='Register Now!'/>
</form>
</div>
</div>
</div>
- Replace yourfeedburnerid with your feedburner id
- That's all
- Now save the template and see the changes.
- Yipee! You have done all the change.
Download This Template
First you have to subscribe to our blog.and then comment below with your email and I'll send you the template immediatelyThanks!
Note: After many requests from our readers we have give template Download link in the post. Means now you don't have to subscribe , you can download it directly from our below Download link. Thanks!
Downlaod Here For Free!From The Designer's Desk
I hope you'll liked our hard work. So for getting more freebies and awesome blogger resources then stay in tune with us.Peace and Enjoy Freebies!
About the Author
Ali Jutt is a Pro Blogger, Blogger Template Designer.I always wish to meet with SEO Experts and Pro Bloggers. You can get in touch with me on facebook and on Twitter
