Blog Tricks Center: free responsive templates

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
<span style="font-family: Arial, Helvetica, sans-serif;">iTemplate is a new blogger template designed by ThatsBlogging .iTemplate theme comes with many bombastic features which really makes it an incredible theme.This theme has fully <a href="http://thatsblogging.blogspot.com/2014/05/igrid-responsive-blogger-template.html" style="color: #1c4866; text-decoration: none;" target="_blank">responsive design</a> and an incredible outlook which fits on high end mobile screen, To test this template responsive design just resize your browser.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXy7I_oLMn8e6jcxZPgUx04DdNCMFO-NkEWl3KIDNsyO-lvkXyckppbgLqpbphOiW6RzE-Q_IUVsSdP7prexAup0JFZFp2TiOAGj-NinIx0NwPQAwDFlUUaLXSTYszxYE8yg_cPFe_GrU/s1600/outlook.PNG" imageanchor="1" style="color: #1c4866; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none;"><img border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXy7I_oLMn8e6jcxZPgUx04DdNCMFO-NkEWl3KIDNsyO-lvkXyckppbgLqpbphOiW6RzE-Q_IUVsSdP7prexAup0JFZFp2TiOAGj-NinIx0NwPQAwDFlUUaLXSTYszxYE8yg_cPFe_GrU/s1600/outlook.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; position: relative;" width="640" /></a></span></div>
<div class="separator" style="background-color: white; clear: both; font-size: 22.3999996185303px; line-height: 31.3599987030029px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a class="awesome" href="http://itemplatedemo.blogspot.com/" rel="nofollow" style="-webkit-transition: background-position 1s ease 0s; background-clip: border-box; background-color: #48b5f2; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(132, 172, 195) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #1950ab; cursor: pointer; display: inline-block; font-size: 25px; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s ease 0s; vertical-align: baseline; white-space: nowrap; width: 200px;" target="_blank">DEMO</a><span style="color: #333333; font-size: 14px; line-height: 18.1875px;">  </span><a class="awesome" href="https://www.dropbox.com/s/dynwlnj9r1ugscv/itemplate%28uploadthis%29.xml" rel="nofollow" style="-webkit-transition: background-position 1s ease 0s; background-clip: border-box; background-color: #63c7fe; background-position: 0% 0%, 100% 100%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(132, 172, 195) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #111111; cursor: pointer; display: inline-block; font-size: 25px; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s ease 0s; vertical-align: baseline; white-space: nowrap; width: 200px;" target="_blank">DOWNLOAD</a></span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<br />
<h3 style="-webkit-box-shadow: rgb(170, 170, 170) 1px 1px 2px; background: rgba(28, 124, 148, 0.792157); border-radius: 0px 0px 6px 6px; box-shadow: rgb(170, 170, 170) 1px 1px 2px; clear: both; color: white; font-size: 28px; line-height: 1; margin: 6px 3px; padding: 4px 10px; position: relative; text-shadow: rgb(170, 170, 170) 1px 1px 1px; text-transform: capitalize; width: 584.25px;">
<span style="color: cyan; font-family: Arial, Helvetica, sans-serif;">ITemplate Info</span></h3>
<div class="separator" style="background-color: white; clear: both; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
</div>
<ul style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Template Name : iTemplate </span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Template Price: 0 $</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Release Date : 07/09/14</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">License : Free </span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">URL : ThatsBlogging.Blogspot.com</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Designer : Iftikhar uddin</span></li>
</ul>
<h3 style="-webkit-box-shadow: rgb(170, 170, 170) 1px 1px 2px; background: rgba(28, 124, 148, 0.792157); border-radius: 0px 0px 6px 6px; box-shadow: rgb(170, 170, 170) 1px 1px 2px; color: white; font-size: 28px; line-height: 1; margin: 6px 3px; padding: 4px 10px; position: relative; text-shadow: rgb(170, 170, 170) 1px 1px 1px; text-transform: capitalize; width: 584.25px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Features Of ITemplate Blogger Template</span></h3>
<div style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm49XelHR-irhXfl2BR08bPuF7NZG8PU61mRuMfTL0W-gUlgmtbg57TouKEdhMOI0qngDlGR1j2ZpqM2bDmVPvl0jo1ULslyU0tFAxMu1IawIGxPjtlbkWrqnspf1U6Sg429VS_u6DW8/s1600/outlook.PNG" imageanchor="1" style="color: #1c4866; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRm49XelHR-irhXfl2BR08bPuF7NZG8PU61mRuMfTL0W-gUlgmtbg57TouKEdhMOI0qngDlGR1j2ZpqM2bDmVPvl0jo1ULslyU0tFAxMu1IawIGxPjtlbkWrqnspf1U6Sg429VS_u6DW8/s1600/outlook.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; position: relative;" width="640" /></span></a></div>
<div style="text-align: center;">
<br />
<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Incredible Outlook</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Grid Style</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Pagination Ready</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Fantastic Footer</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Cool Navigation Menu</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Latest Coding</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Beautiful Subheading style</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-size: medium;"><b>Popular Post Widget</b></span></li>
</ul>
</div>
</div>
<h3 style="-webkit-box-shadow: rgb(170, 170, 170) 1px 1px 2px; background: rgba(28, 124, 148, 0.792157); border-radius: 0px 0px 6px 6px; box-shadow: rgb(170, 170, 170) 1px 1px 2px; color: white; font-size: 28px; line-height: 1; margin: 6px 3px; padding: 4px 10px; position: relative; text-shadow: rgb(170, 170, 170) 1px 1px 1px; text-transform: capitalize; width: 584.25px;">
<span style="color: lime; font-family: Arial, Helvetica, sans-serif; font-size: medium;">Configuration</span></h3>
<div style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">For adding Facebook Like Box , just go to layout >> Click On edit Love us widget , Copy the below script >> Change ThatsBlogging and write your own fb page username and paste it over there that's it.</span></li>
</ul>
</div>
<blockquote class="tr_bq" style="background-color: #f9eff4; border-color: rgb(194, 56, 121); border-style: dashed; font-size: 22.3999996185303px; line-height: 31.3599987030029px; padding: 20px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/<b><span style="color: red;">Thatsblogging</span></b>&amp;width=300&amp;height=248&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:300px; height:248px;" ></iframe></span></blockquote>
<div class="separator" style="background-color: white; clear: both; font-size: 22.3999996185303px; line-height: 31.3599987030029px; text-align: center;">
</div>
<ul style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px; text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">For Beautiful look change the number of posts per page to 6 as shown below</span></li>
</ul>
<div class="separator" style="background-color: white; clear: both; font-size: 22.3999996185303px; line-height: 31.3599987030029px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGiOc7uiL35cHX9XFdX22eV5YJ0pcW-QF_LXJtzvLU1oDU2PM-fvOF0uuZplTKLfZQua46z8r6iGRH4JFH60lPm-ekKfDhDtBCXKRDVO781zi5KRrIOUQ86iFve_s3G8ddu9ZtIQCaCWQ/s1600/CnoFi.PNG" imageanchor="1" style="color: #1c4866; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGiOc7uiL35cHX9XFdX22eV5YJ0pcW-QF_LXJtzvLU1oDU2PM-fvOF0uuZplTKLfZQua46z8r6iGRH4JFH60lPm-ekKfDhDtBCXKRDVO781zi5KRrIOUQ86iFve_s3G8ddu9ZtIQCaCWQ/s1600/CnoFi.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; position: relative;" /></a></div>
<div style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
<br /></div>
<ul style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">For Changing Logo Go To Blogger Dashbaord >> Click On Template >> Edit Template >> Search for tinypic as shown below and replace the image link with your desired logo link.</span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> </span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXmVb2XfFb12k35xWni9YLPZti8HW-eiKTR71MTaV938-Qei6wb6IoK4uO-Eg1k_7Lx32FHujkL-qfi2xHp972dCkDjuM-rg7Z01ZXptoPsnq0TVYDiiyq-pvgf7ffgWAqrQLOvsNq7ew/s1600/logoConf.PNG" imageanchor="1" style="color: #1c4866; font-family: Arial, Helvetica, sans-serif; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXmVb2XfFb12k35xWni9YLPZti8HW-eiKTR71MTaV938-Qei6wb6IoK4uO-Eg1k_7Lx32FHujkL-qfi2xHp972dCkDjuM-rg7Z01ZXptoPsnq0TVYDiiyq-pvgf7ffgWAqrQLOvsNq7ew/s1600/logoConf.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; position: relative;" /></a></li>
</ul>
<div style="background-color: white; font-size: 22.3999996185303px; line-height: 31.3599987030029px;">
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">For Changing Links in the Top menu search for Home or Templates in the template html code , then change the links to your blog links.</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">For Changing Order Now Button Link Go to Template HTML again and Search for ordernow , there change the services link to your desired link.</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">If you want any other thing to change , just drop comments below i will help you!</span></li>
</ul>
</div>
</div>

iTemplate is a new blogger template designed by ThatsBlogging .iTemplate theme comes with many bombastic features which really makes it an...