Tech Shadow - Blogger - BEST TEMPLATES & THEMES

Password:- www.besttemplatesthemes.blogspot.com

Tech Shadow Blogger Template

Tech Shadow is a stylish blogger template which is designed for technology and blogging niche blogs. This is having 2 columns. The header of this template is having two sections, on the left side we've placed the title of the blog and a little description or slogan space while on the right side we've implemented the ad banner section. We've also added the stylish menu on the bottom of the header. After header, it is having subscription section in which we've added an email subscription form with social icons. It also has three column footer widgets section with simple menu at the top of the footer.

Features

SEO Friendly : SEO is the most important so this template is search engine friendly. You don't need to worry about the on-page search engine optimization.
468x60 Ad Section In Header : The first feature of this template is that it is having the ad space in the header by which you get more impressions and your earning will be double.
Header Subscription Area : After header we've designed the subscription area which is having an email subscription form with social icons. This will help you in increasing fans.
Auto Thumbnail Post on Home : This is also having an auto thumbnail script which will automatically create the thumbnail posts on homepage.
Socializer Widget : We've also added our Socializer widget at the bottom of the every post. This will help you in socializing your content and increasing social followers.
Related Posts : This widget is important for every blog so we've already added a related posts widget in this template below every post.
Threaded Comments : Threaded commenting is important for every in order to make the great discussions with the readers that's why we've also enabled threaded comments on this template.
Three Column Footer : In the last it has had three column footer area where you can add the about the author, recent comment and recent posts widget. It is also having the sub menu on the top of the footer with a cute back to top button.
Social Sharing Buttons With Counter & Subscribe Us Widget: After updating i install the social sharing widget with subscribe us box. The sharing buttons are with counter code.
Blog Archive Calendar Widget: You can get blog archive calendar widget in update version. It gives an awesome looks to your blog.
Auto Numbered Popular Posts Widget: In Updating version of this template you can get popular posts widgte with auto number widget.
Animated CSS Buttons Widgte: I install CSS animated buttons in this version. You can make your links better.

Here is the Code:

Go To Post Area
Click on HTML
Paste your favourite code
# is your URL
Text Here is Your Text

Customization:

If you've knowledge about HTML, XML, CSS then you can customize this template and completely make this design of your blog. This template needs some changes like re-placing social usernames, Feedburner username and little things. Simply follow the tutorials.

Edit The Navigation Menu:

Go To Blogger >> Template >> Edit HTML
Find For <ul id='nav'>
You Will See The Following Code 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>
<li><a href='#'>Contact Us</a></li>
<div id='lavalamp'/>
</ul>

Header Subscription Area:

Go To Blogger >> Template >> Edit HTML
Find For Top Subsbox
After That You Will See The Code Like Below

<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=saqisoft' 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/saqisoft'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0nhOOsyTRlpHs7RKDwVf0dFG7GSN_hQjWONYsBeXeiQKvrsa3HzzXtRS3652o5D2nSJOcrQHLmcL45h2U-dV7AopjA1e-I7yjR77nwGf2rr4-gLuoiiIP67igSkzwv99CZs59ttFnBpI8/s1600/facebook_64.png' title='Facebook'/></a></li>
<li><a href='https://twitter.com/saqisoft'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfqwebDCNen8-va3QP6HaaacwLrglzMTkZGdiqrknAB0T6r_C_ozrGPhSHg9cKA1ms7bP8tEePOwHHLXFmYdLHiXPvDo7hqgBRLEYoyQm_KPWk1hsDNhoQ_mmx_AMqR-9wvKuDcOsLK1HT/s1600/twitter_64.png' title='Twitter'/></a></li>
<li><a href='https://plus.google.com/#/'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-UBAlP5DexLCyEMr6k-WHKkMQq4neCrvHBO55RfydhTFTfvp1tbTzpyon9oIakOa1cW2ULaZ7DrPcyLUvRF4GJiubQm3ItiPQBh4PFLTCRVKHJxgjL4Khw73aingeysjrEuXcLog_hwu/s1600/google-plus_64.png' title='Google +'/></a></li>
<li><a href='http://feeds.feedburner.com/saqisoft'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kI_oXK3Rcqo3mBCfFrcul71k3feJ3kJJurTyuQvC13v2rjYesM2bLxNrKOg2HMQIR7n55M9yeUGvwMYMZxf3NCI56YEFVEbE-cWNeshlrg2JNlhFtwS3ftJ8VLu4QQ_MYstNxJNDWxaz/s1600/rss_64.png' title='Rss'/></a></li>
<li><a href='http://pinterest.com/saqisoft/'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglXB4I8joJHVYaar6TUW7QlHP2k0T3Jv-d3qQypBtRAGd7JRk-o0-AilTi3w5e3wVUUX0LNeccB25HDzo132rtRvONMg5MYVc5dBPR0ALfUvnGXn6Top2ndX8JSDxUzab8ASuvGBPI3vK3/s1600/pinterest_64.png' title='Pinterest'/></a></li>
</ul> </div>
</div>

Footer Menu

Go To Blogger >> Template >> Edit HTML
Find For <div id='footer-top-wrapper'>
There You Will See The Code Like Below

<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>

Floating Footer Menu:

In Updating Version you can get a sticky / floating footer menu .

Go To Blogger Dashboard
Go To Templates
Click On Edit HTMl
Find the Code <!--Begin Footer Menu


	<!--Begin Footer Menu by saqiosft.blosgpot.com--> <li><a href='#'>Android</a></li>
	<li><a href='#'>iOS</a></li>
	<li><a href='#'>Windows</a></li>
	<li><a href='#'>Mobile</a></li>
	<li><a href='#'>Facebook</a></li>
	<li><a href='#'>Twitter</a></li>
	<li><a href='#'>G-Mail</a></li>
	<li><a href='#'>Yahoo</a></li>
	<li><a href='#'>You-Tube</a></li>
	<li><a href='#'>Skype</a></li>
	<li><a href='#'>Wi-Fi</a></li>
	</ul>
	<!-- End Social Icons -->
	<ul id='cmb-social_icons'>
	<!-- Social Icons -->
	<!-- The span is the text appearing on hover, use the tooltip class in the link -->
	</ul>
	</div>

__________________________________________

If you find any problem. Please contact us.

Tech Shadow - Blogger

Tech Shadow Blogger Template

Features

Customization:

Edit The Navigation Menu:

Header Subscription Area:

Footer Menu

Floating Footer Menu:

0 comments:

Post a Comment

Featured Slider

Tech Shadow - Blogger

Tech Shadow Blogger Template

Features

Customization:

Edit The Navigation Menu:

Header Subscription Area:

Footer Menu

Floating Footer Menu:

Subscribe To Get FREE Updates!

Next

Newer Post

Previous

Older Post

0 comments:

Post a Comment