testingz

• List Test 1
• List Test 2
• List Test 3
• List Test 4

Features:

SEO

1. Dynamic meta description tags for Post editor already installed
2. Data Variables for Titles and Post Pages already swapped
3. The clean HTML structure would make it fairly easy for search robots to crawl and index the pages easily without useless scripts block access.
4. Entire structure follows a hierarchal flow of Heading tags as per Search Robot requirements. H1 for Blog title, H2 for post & sidebar titles and H3 for sub-headings
5. Labels, Comments, Archive Links and Archive Pages are well optimized by setting robot entries
6. Commenting system is well shielded from spammers
7. Load Time has been kept in mind as per Google Webmasters latest Page speed requirements
8. A floating sharing widget has been added to post section to easily report social vote counts to Google
9. In short this template is a repository of all SEO features that a blogspot blog can contain!

Social Media Optimization

1. Schema Tags for Facebook and Google+ has been already installed to avoid thumbnail and description snippet errors
2. Sharing counters would easily pick the right Image and post description
3. Around 360+ social media sharing options are added both at the bottom and slide panel of the post section.
4. Subscription widget is designed by keeping reader's psyche in mind, providing major focus to Email subscription only. Includes multi subscribing options for RSS, twitter and Facebook.

User Interface

1. The template is designed in order to force visitors to stay longer and make more Page views.
2. How better experience could a template offer if it's design is perfectly compatible with all major browsers including the horrible IE!
3. The Scripts and Style sheets work just perfect in IE, Firefox and Chrome. Slight conditional tags will still be introduced tomorrow for IE, just ran out of time tonight.
4. The layout colors are chosen by keeping standard Hexadecimal and web friendly fonts. This is often acceptable by a wide variety of readers especially visitors with sight vision problems and those who are aged. No dark or eye burning colors!
5. The header, content wrapper, post section, sidebar section and footer, all comes with handy widgets to make the site navigation more like a fun.
6. A friendly search box is added next to menu to provide easy site search.
7. Our recently released Blogger notification bar is already included thus keeping your readers updated with latest announcements or deals.
8. A beautiful footer at the bottom with author info would tell the visitor he is not reading a dead blog but one that is ran by a real man! Author bio would also appear below each post.
9. We can keep on describing more but let leave rest for you to decide.

Template:	Tonzer
Layout:	Three Columns
Size:	36.0 KB
Compatibility:	IE9+, All
License:

Template Description:

I have already discussed in detail the important features for SEO, Social Media and Plugins. To read about why this template is so different please read the following article:

Lets begin with important things that you would need to change the look of your template and edit important sections.

1. Subscription box

Copy and Paste The following code inside HTML/JavaScript widget for the subscribe box:

<style type="text/css">
#fb1{ text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCjVmlgNXmSzzAqc4zarMrI7eaoHuLoEfIU7z8BaJP1fZcE_oouZ7m1Uogm7T4OMQdqRhbpThFOeiL23N98BQblj8cG5ujdo8Ix-KjOPN7XKbN_6vwOX_CNCS1-5p8F6mwRGYldOcn3GY/s1600/red+fb.png);background-repeat:no-repeat;
background-size:30px;
width:30px;
height:30px;
display:block;
}
#fb1:hover{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6A_87-Bc8E_t7eoTx5_w_gIPO9HUdWKa2JiRHCnxbRFCyNNlt3g0oggU8oSXU2MH437qFG7_QgKPq5Q6KJGTp1kOozC7qZ2oEaOflWJAVE_3afr6Kyrms7mN_PDENOcZu5BgoCDWiqxb0/s320/bw+fb.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
#tr1{
text-decoration:none;
background-image:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNf5OGXqP_lnY-zl1tiSAGlaZ5upqBsuECz7EvegWz8P-yV-bZ3lXZqT_wNULEkr7ro2ZrszA_bKWrp2WDFUH81GgYnh2UByCPVb3G2jwk-cXvPtsRu_OR58KVGrsP76e3aoGMVd6sJPg/s1600/red+tr.png);background-repeat:no-repeat;
background-size:30px;
width:30px;
height:29px;
display:block;
}
#tr1:hover{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjaXEqOWqXFxu3YjbjZZLR6cU_rfHpiWRwgjqrH7m5RFRR0G9jTdi3xdTzjdJSZmfh2N0U_rNQl7CCBoQ4Tnyn3VyiyXXuJ6s7bEhFEsRLyjExgx4sX0rpSXEjnvilfZuTWWID1j3LUbN/s320/bw+tr.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
#gp1{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrK6i55zacLwZTZ3Qnd8FMKfMUMDFqV3iVqxo5dTcnTbFQkFwn1YTri7XodSwHR8SQpalWpuuuCG2LCioBTf97fG9h3NlcCK0mTHDVokV1tZAw097R9lNecErDmkIQ620D-6ouqQIOjTk/s1600/red+gp.png); background-repeat:no-repeat;
background-size:30px;
width:30px;
height:29px;
display:block;
}
#gp1:hover{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXBrzZooteSxxrvTVFehyC7CHjWcHbrNqUHUumS7e5GNGXwD9RQJt-to7FR8_vBIMc1xhYeBj0qY9Dt4lCkOG5-vI4YU86NaLrpCIfWpT0f7V51las1AFvK3ny_pa6cuizyn4YjdcfbQYU/s1600/bw+gp.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
#pin1{ text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg59L2lVYc3hMQqR13dN_2VJ_araLpBCKRqU6D5nKLfV_bgVKXSo-uDcMnVJ8rnWH-HRV_RBluT2wJXu_kPxNEeZN6bm4yDWT_sPim7lMRb8GjwdeZ90c4upD5tE0cT-lHTv1gMzSpebIM/s1600/red+pin.png);background-repeat:no-repeat;
background-size:30px;
width:30px;
height:29px;
display:block;
}
#pin1:hover{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4etqBF6dm-eAfc2-N-wZJqlOLe6WFpYPKmFWVbZ_R6GHAe23Sbjb43kHTx7Jag-WcOfcLU9W-avejiDbfVwydC-CWI7eVs5iCv3lNiyvcJH8gEcmYApTaeajQNqivFP6BIhoFSS9IvOx/s320/bw+pin.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
#yb1{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9DPJvzHkO8VYk2XWDAIQXmHCq2qVlrQzTj4qkQHEfn2qgoAww97XmS_pNxtm8LO46-jM5BQTBTmX123FIGydbpQ5p5Ca0KdVDbP5TUvq6GEZlMBw_hNr-BecMZiBfIrPHwNSu3YNfijA/s1600/red+yt.png); background-repeat:no-repeat;
background-size:30px;
width:30px;
height:29px;
display:block;
}
#yb1:hover{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUTRqO5aaiQ9Pt6L76_0gHykQ5dKNwlkUuwUdLPAqp-7S4LjKi0N4KSvN7YKoOh7BEYHQwxlGsyfqMRG5_zhh5WZ6iMJCj6ay6I1yYsQ9dEEEDsR9xVDkNH6WHxvPL-8NtxUXqI1aXGcSg/s1600/bw+yt.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
#rss1{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGerxrHV4EfrKzwuv_y7QWvWhlbDKfzkO865q0xM6P1n1gl_yvuo3KZoCjOvIYUnv-1Nx_CDHMydwEIAA4gvEJHtNbk8mxEZC53-YxbIEEgG8m4mNpSBM-cyl4OXRJ4A2oRXiOb7XtWVQ/s1600/red+rss.png); background-repeat:no-repeat;
background-size:30px;
width:30px;
height:29px;
display:block;
}
#rss1:hover{
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHhHeKA4jbtIL7qe1aPEfjMIrt05N0zdGm4VTitHmb8ZfZwp7l8vg9uKhqGgpsIDx4v1WAkXZs_9yML2haopLRidkxYMZDa67KN_DA__nhsOgONmLEHRyHLk7fvMNXc2x9xxNhj6T70kng/s1600/bw+rss.png);background-repeat:no-repeat;
background-size:29px;
width:30px;
height:29px;
display:block;
}
/********** Superscription Box **********/
.subbox {
background: none repeat scroll 0% 0% rgb(255, 255, 255) !important;
border: 1px solid rgb(210, 210, 210);
padding: 0px 5px;
color: #EA3B02;
font-size: 12px;
height: 22px;
width: 190px;
border-radius: 5px 5px 5px 5px;
margin-right: 2x;
margin-top: 2px;}
.int_btn{
border: 1px solid #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#41464A), to(#292D30));
background: -webkit-linear-gradient(top, #EA3B02, #EA3B02);
background: -moz-linear-gradient(top, #EA3B02, #EA3B02);
background: -ms-linear-gradient(top, #EA3B02, #EA3B02);
background: -o-linear-gradient(top, #EA3B02, #EA3B02);
background-color: #900000;
box-shadow: inset 0px 0px 0px #404040;
-webkit-box-shadow: inset 0px 0px 0px #cccccc;
-moz-box-shadow: inset 0px 0px 0px #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-shadow: #2E2C2C 1px 1px 0px;
height: 25px;
width: auto;
color: #FFFFFF;
font-size: 12px;
font-family: Arial;
text-decoration: none;
font-weight: bold;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
cursor: pointer;
}
.int_btn:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#292D30), to(#41464A));
background: -webkit-linear-gradient(top, #292D30, #41464A);
background: -moz-linear-gradient(top, #292D30, #41464A);
background: -ms-linear-gradient(top, #292D30, #41464A);
background: -o-linear-gradient(top, #292D30, #41464A);
background-color: #292D30;
box-shadow: 0px 0px 6px 0px #FFFFFF;
-webkit-box-shadow: 0px 0px 5px 0px #FFFFFF;
-moz-box-shadow: 0px 0px 5px 0px #FFFFFF;
border: 1px solid #ffffff;
color: #ffffff;
}
</style>

/********** Html Editing **********/
<table width="100%"><tr><td>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJSOGsdslWBndYNfpDsiCW8xmlzKfUfv8V8DKcrLgwCUpxucA3QPuaWdzO2PXFTGhiTGf1qjf5Yr90bCbJMz0CIT_XkE0qGUfMjmro95S15v6xhPkgSk2QamcLdcxPd2UcmRaRv7UEKE/s262/button_subscribe.gif" / width="70%" height="35" /></center>
<div="class">
<center>
<b>Get Latest Tricks Alert Daily</b>
<table border="0"><tbody><tr></tr><tr><td>
<a href="http://www.facebook.com/pages/mybloggertrick" target="_blank" rel="nofollow" title="Be a Fan On Facebook" id="fb1"></a>
</td><td>
<a href="http://www.twitter.com/mybloggertrick" target="_blank" rel="nofollow" title="Follow On Twitter" id="tr1"></a>
</td><td>
<a href="https://plus.google.com/109735993868973606818" rel="publisher" target="_blank" title="Join to Circle" id="gp1"></a>
</td><td>
<a href="http://pinterest.com/mybloggertrick" rel="nofollow" target="_blank" title="Follow on Pintrest" id="pin1"></a>
</td><td>
<a href="http://www.youtube.com/mmktricks" target="_blank" rel="nofollow" title="Subscribe on Youtube" id="yb1"></a>
</td><td>
<a href="http://feeds.feedburner.com/Blogspot/qlGrR" target="_blank" title="Subscribe Via RSS" rel="nofollow" id="rss1"></a>
</td><td>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/mybloggertrick/ffffff/EA3B02"></script>
<a href="http://feeds.feedburner.com/Blogspot/qlGrR"target="_blank" rel="nofollow"><img src="http://feeds.feedburner.com/%7Efc/blogspot/qlGrR?

bg=EA3B02&amp;fg=ffffff&amp;anim=1" style="border:0; padding-top:2px" alt="Follow Readers" height="26" width="88" /></a>
</td></tr></tbody></table>
</center>
<div align="center">
<div style="border-bottom:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-bottom:5px;"></div>
<center>
<p>Get Tricks Updates Straight in your Inbox
    <br/>by submitting your Email ID below.</p>
<form style="padding-top:2px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qlgrr',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" value="Enter your email address..." class="subbox" name="email" style="width:160px;" type="text" />
<input value="Blogspot/qlGrR" name="uri" type="hidden" /><input name="loc" value="en_US" type="hidden" />
<input type="submit" value="Subscribe Now" class="int_btn" />
     </form>
</center>
</div></div="class">
</td></tr></table><table></table>

• Replace Blogspot/qlGrR with your Feedburner title
• Replace the bolded sections with your twitter and Google+ username details

Note: There is also an Email icon in the sharing widget that appears at the bottom of post. To replace its link with your feedburner Email Subscription link kindly find and replace this: (You will find this link inside your template)

http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qlgrr

2. Top Menu

These tabs can easily be adjusted in two ways. 1. either from layout section  2. or from Pages window.
To drag, add, delete or update the tabs, simply go to Blogger > Pages
From here you can add, delete pages and you can also drag the tabs to shift their locations.

3. Main Menu

To edit links simply search for the following code inside your template:

<div id='tonmenu'>

Just below it you will see a list of li tags where you can insert URL and title for your tabs. To create a sub menu transform your code in the following way:
From this:

<li><a href='TAB URL'>TAB TITLE</a></li>

To this:

<li><a href='TAB URL'>TAB TITLE</a>
<span class='sf-sub-indicator'/>
<ul class='sub-menu' style='display: none; visibility: hidden;'>
    <li><a href='Subpage url'>Subpage 1</a></li>
    <li><a href='Subpage url'>Subpage 2</a></li>
    <li><a href='Subpage url'>Subpage 3</a></li>
    <li><a href='Subpage url'>Subpage 4</a></li>
   
</ul>
</li>

I added Jquery easing effect and transition on mouse hover along with smooth drop down effect. All these effects would work only if you add the yellow highlighted codes.

4. Footer Menu

To edit the menu at the bottom, simply find this code inside your template:

<ul id='footer-navigation'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Contact Us.</a></li>
</ul>

Now editing the links would of course be a piece of cake for you all.

5. Blogger Notification Bar

To update the announcement text inside the sticky top bar, find this code:

<body>

You will then see the following code jst below the bode tag:

<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>
Download this Blogger Template by  <a class='link' href='http://www.mybloggertrick.com' target='_blank'>Clicking Here!</a>
<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>

You may replace the bolded text with any message you wish to display to your readers.

6. Author Image

To replace the author image appearing just below post title and also at the bottom of post. Please find and replace the following image link with yours.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK4peCsutiJOznHQLTAkYvcJ5EDZLy9lCB0823r6wWhG_37EvUDUIYdrGrbl2GI6PB6lOtThatlPxhnljxX15Cg4RDM0T5NUSSCXvkU0LBhMynglodLuSHJ_WWM7vJOswW-GlktUF5SyXB/s1600/site-logo.png

Note: Your image can be of any size but make sure it is at most 30 X 30 in size.

7. Author Info

To edit the title and author description kindly find this code:

<div id='about-author'>

You can then edit the details below it.

8. Archive Calendar

To add the archive widget kindly add an archive widget like your normally do from the layout section and then give it the following settings:

9. Multi Tabs

You can add widgets to the multi tab easily from the layout section but you will manually need to edit its titles from the template section. After you have added your widgets kindly edit their titles by finding this code:

<ul class='MMK-tabs MMK-tabs-widget-MMK-id'>
<li><a href='#widget-MMK-id1'>About Me</a></li>
<li><a href='#widget-MMK-id2'>Video</a></li>
<li><a href='#widget-MMK-id3'>Recent Comments</a></li>
</ul>

You may now set these titles to your preferred widget titles.

<ul id='footer-navigation'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Contact Us.</a></li>
</ul>

Footer Menu Links

• Replace # with your url links

Changing Author Image

Go to Edit Template> Click Expand Widget Template> Press Ctrl +F and find
<span class='author-image img'>

<span class='author-image img'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK4peCsutiJOznHQLTAkYvcJ5EDZLy9lCB0823r6wWhG_37EvUDUIYdrGrbl2GI6PB6lOtThatlPxhnljxX15Cg4RDM0T5NUSSCXvkU0LBhMynglodLuSHJ_WWM7vJOswW-GlktUF5SyXB/s1600/site-logo.png'/>
</span>

Author Image

• Replace url link with your image url link

• Google + Followers Gadget
• How To Add A CSS3 Thread Out Social Sharing Widget
• Adding Fancy Black Skin for LinkWithin
• Pinterest Pin It Button Updated
• Spinning CSS 3D Social Sharing Widget
• 3 Outdated Blogging Rules
• Create a Christmas Snow Storm Effect on Blogger
• Making Your Blog Visible To Search Engines
• Show Custom Widgets In Dynamic View
• Blog Inc.: Blogging for Passion, Profit, and to Create Community