Tech Shadow Premium Blogger Template Free Download

Name: Tech Shadow

Platform: Blogger

Release Date: 18 June, 2014

Category: Technology, Blogging

Layout: Two Columns

Author: www.AllTechWorks.Blogspot.com

License: Creative Commons Attributes

Demo Download

We are Releasing This Technology Blogger Template which is named as Tech Shadow for all the Blogger Users. Moreover, This Template Is Premium we have removed all The Footer Links and There Is No Credit Link in The Template so Enjoy This Premium Template.

TECH SHADOW BLOGGER TEMPLATE:

Tech Shadow is a Stylish Blogger Template which is designed for Technology and Blogging Niche Blogs. This Template Is Having Two Columns. On the Left Side There Is a Place for Title and Description and On the Right Other Side space for ads Banner Section. We have also added a Stylish Menu Containing Email Subscription Section and Social Icons. At The Bottom it Contains 3 Column Footer Widget Section.

FEATURES:

SEO Friendly: SEO Is The Most Important Factor For a Blogger. So, This Blogger Template is Search Engine Friendly.
Ad Section: The Most Attractive Thing In This Template Is That It Has Ad Space In Header Section Which Will Help In Getting More Impressions.
Subscription Area: After the Header there is a Subscription Box which is having an Email Subscription Box with Social Icons.
Socializer Widget: This Socializer will help you in Socializing Your Content and Increasing Your Social Power.
Related Posts: This Widget Is Very Important It Will Show Related Posts below the Post.
Threaded Comments: Threaded Comments Is Very Important for Bloggers So WE Have added Threaded Comments.
Three Column Footer: At the Bottom there is a Three Column Footer where You Can add Your Favourite Widgets or Categories.

CUSTOMIZATION:

If You Know about CSS, HTML, XML than You can easily customize this Template and Can Make a Completely New Designed Template. This Template Need Some Changes Placing Social Usernames, Feed Burner Usernames and Menu. Simply Follow These Instructions.

EDIT THE NAVIGATION MENU:

Go To Blogger>>Template>>Edit HTML
Find For <ul id='nav'>
You Will See The Following Codes There.

<ul id='nav'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a class='hsubs' href='#'>Menu 1</a>

<ul class='subs'>

<li><a href='#'>Submenu 1</a></li>

<li><a href='#'>Submenu 2</a></li>

<li><a href='#'>Submenu 3</a></li>

<li><a href='#'>Submenu 4</a></li>

<li><a href='#'>Submenu 5</a></li>

</ul>

</li>
<li><a class='hsubs' href='#'>Menu 2</a>

<ul class='subs'>

<li><a href='#'>Submenu 2-1</a></li>

<li><a href='#'>Submenu 2-2</a></li>

<li><a href='#'>Submenu 2-3</a></li>

<li><a href='#'>Submenu 2-4</a></li>

<li><a href='#'>Submenu 2-5</a></li>

<li><a href='#'>Submenu 2-6</a></li>

<li><a href='#'>Submenu 2-7</a></li>

<li><a href='#'>Submenu 2-8</a></li>

</ul>

</li>

<li><a class='hsubs' href='#'>Menu 3</a>

<ul class='subs'>

<li><a href='#'>Submenu 3-1</a></li>

<li><a href='#'>Submenu 3-2</a></li>

<li><a href='#'>Submenu 3-3</a></li>

<li><a href='#'>Submenu 3-4</a></li>

<li><a href='#'>Submenu 3-5</a></li>

</ul>

</li>

<li><a href='#'>Menu 4</a></li>

<li><a href='#'>Menu 5</a></li>

<li><a href='#'>Menu 6</a></li>

<div id='lavalamp'/>

</ul>

Replace Blue Highlighted Code With Link.
Replace Orange Highlighted Code With Link Text.

HEADER SUBSCRIPTION AREA:

Go To Blogger>>Template>>Edit HTML

Find For 

You Will See The Following Codes There.



<div id='byard-topsubsbox'>

<div id='subscriptionsection'>

<div class='subsbox-heading'>Subscribe For Free Updates!</div>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=AllTechWorks' class='byard-subsbox-form' method='post' target='_new'>

<input class='topsubsboxname' name='name' onblur='if (this.value == '') {this.value = 'Your Name';}' onfocus='if (this.value == 'Your Name') {this.value = '';}' value='Your Name'/>

<input class='topsubsboxemail' name='email' onblur='if (this.value == '') {this.value = 'Your Email Address';}' onfocus='if (this.value == 'Your Email Address') {this.value = '';}' value='Your Email Address'/>

<input class='topsubsboxbutton' type='submit' value='Sign Up!'/>

</form>

<p style='margin-top: 8px;font-size: 13px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;'>We'll not spam mate! We promise.</p>

</div>

<div class='socialicons'>

<div class='socialheading'>Become Our Fan on Social Sites!</div>

<ul>

<li><a href='https://www.facebook.com/AllTechWorks/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9j6Yg1dVcrpeUBk-fPCe4OVQkszPbimJ8u3XdPEA_K2YlmFZQfrW9u8GF0TKiFo6i7D-v1dzHcRycWxs1UpEecwFdvw6nQX0f6uW3mgjPQBxCaVuBh-BZPTcwtbbJ6KUbY3u6HYPyDHdK/s1600/facebook_64.png' title='Facebook'/></a></li>

<li><a href='https://twitter.com/ContactATW/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4oGZ_cwPC-HE2xVaLu-YQISlukU5Q5ETl6tNMTLuwVLWMdWSMYJfUVBtrDwImqNHH37mX7ueiZPi3a4LUEPbFShrMAeCINYiXGkpa036F2JBDUxyXsLmBSbPYGkw5tOJ_MYGtqF3KWA0x/s1600/twitter_64.png' title='Twitter'/></a></li>

<li><a href='https://plus.google.com/+AkashPuriAP/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMDm8EZX3jkFGk5A-xtsZRRbRSyNcrjXUebSsONq9WBZI7FJi4bHbd6EfwAAaYY9K3QygJ49S6lfg976ilUzdMA7ipOnhyphenhyphen49dIjtQM1jKUJlIOIbYvir2EQ0A2wtHYIaiKX7o4BS8_K10/s1600/google-plus_64.png' title='Google +'/></a></li>

<li><a href='http://feeds.feedburner.com/AllTechWorks/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwgMImejhxdBiBZrcCEH5J1yBOpR6qOOFrlMDEbHarF3K-Syk_IHe0-agpKCaBS835x40hyG1k4NdZiRm8OYRsgbeyJUQ-5OkxI1LWjW6_taztdvmaX6T1HRdghSjkXRCAqYsmPOqIC4v/s1600/rss_64.png' title='Rss'/></a></li>

<li><a href='http://pinterest.com/AkashPuri001/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5yzMnyutHEYxu0VctKTFXBPsnDMwzIS8D2gPxzSa5HIj-dXBFucaynMp-qNFQlHqRGCV5MfAjVSz7yHqck9DCooAKi1MORL2imOGE13awdyHFxwakA3t5byW7ylIAxPAb0gS-FO9Lk7Q/s1600/pinterest_64.png' title='Pinterest'/></a></li>

</ul> </div>

</div>



Replace Orange Highlighted Links With Yours.

SOCIALIZER WIDGET:

Go To Blogger>>Template>>Edit HTML

Find For Socializer Widget By ATW

You Will See The Following Codes There.

Socializer Widget By ATW

</div>

<div id='SocializeIt'>

<font class='heading'>SOCIALIZE IT →</font>

<div class='tweet'>

<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>

</div>

<div class='like'>

<iframe allowtransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>

</div>

<div class='plusone'>

<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>

</div>

</div>

<div id='followus'>

<font class='heading'>FOLLOW US →</font>

<div class='likeonfb'>

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FAllTechWorks&send=false&layout=button_count&width=77&show_faces=false&font&colorscheme=light&action=like&height=21' style='border:none; overflow:hidden; width:77px; height:21px;'/>

</div>

<div class='followontwitter'>

<a class='twitter-follow-button' data-button='grey' data-link-color='#289728' href='http://twitter.com/ContactATW' rel='nofollow'/>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

Replace AllTechWorks and ContactATW With Your Facebook and Twitter Link.

FOOTER MENU:

Go To Blogger>>Template>>Edit HTML

Find For <div id='footer-top-wrapper'>

You Will See The Following Codes There.

<div id='footer-top-wrapper'>

<div id='footer-top'>

<ul id='footer-navigation'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>About Us</a></li>

<li><a href='#'>Contact Us</a></li>

<li><a href='#'>Sitemap</a></li>

<li><a href='#'>Privacy Policy</a></li>

</ul>

<div id='backtotop'>

<p id='back-top'>

<a href='#'>Back to top</a>

</p>

</div>

</div></div>

Replace Blue Highlighted Codes With Your Link.
Replace Orange Highlighted Codes With Your Link Text.
Congratulations! You Have Successfully Customized Your Blogger Template!

LAST WORDS:

So, Friends This Was our Tech Shadow Premium Blogger Template. I Hope You Would Like This Template and Use it In Your Blogger. If You Need any Help Regarding Customizing This Template than Leave Comments Below.

This Article Has Been Published by our Partner Blog ALLTECHWORKS.COM

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.