Blog Tricks Center: Tutorials

<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 incredible theme.This theme has fully responsive design and an incredible outlook which fits on high end mobil…