Blog Tricks Center: Responsive Blogger Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title" itemprop="name" style="background-color: white; font-family: 'PT Serif', serif; margin: 0px 0px 1em; position: relative;">
iGrid Blogger Template</h1>
<div class="post-header" style="background-color: white; font-size: 14.3999996185303px; line-height: 1.6; margin: 0px 0px 1.5em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-3480765819037638434" itemprop="articleBody" style="background-color: white; font-size: 22.3999996185303px; line-height: 1.4; position: relative; text-align: justify; width: 615px;">
<div style="float: left;">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>iGrid Blogger Template: </b>Grid Grid and Grid , it is the most trending keyword these days in Google , every buddy is in search of grid style <a href="http://thatsblogging.blogspot.com/search/label/Blogger%20Templates" style="color: #1c4866; text-decoration: none;" target="_blank">blogger templates</a>.Mostly those people who are sharing blogger templates are keenly interested in these types of templates.Actually it adds five stars to the beauty of their site.I mixed different color combinations in this template hope you will love my design.I also added a fantastic pagination in this template.Moreover the template is fully responsive and stylish one.</span><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; 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;"> Info About IGrid</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Template Name: iGrid Blogger Template</span></span></div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="6839278135"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Template Author and Designer: Iftikhar uddin</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">URL : ThatsBlogging.Blogspot.com</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Release Date: 05/21/2014</span></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Price : 0$ </span></span></div>
<div style="text-align: right;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <img border="0" height="483" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDrr4EOxevO68axcVvU4PBKm_NaWF-ZgRQYcsSauFcDgeWk4CgsH7QihSQm4IQ_2xSKL8ZJnwCZPQe4n-iNxcPojM4v18KIXPxvQD2sRyEQUhZwmIdkwwJTmz9RCzudfQ8z36eW79gvVs/s1600/iGrid.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px;" width="640" /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br /><div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a class="awesome" href="http://igridbloggertemplate.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/0bsphuat0lgtpss/iGridResponsive.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>
<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 IGrid Responsive Blogger Template</span></h3>
<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;">Awesome Pagination </span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Beautiful Menu at Header</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Grid Style</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Magazine Style</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">SEO Friendly</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Beautiful image hover</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://thatsblogging.blogspot.com/2014/05/add-ribbon-above-header-in-blogger.html" style="color: #1c4866; text-decoration: none;" target="_blank">Beautiful Ribbon at Top and Bottom</a></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Cool Colors Combination</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Well and Clean Coded</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Free To Download</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Cool Widgets</span></li>
</ul>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: red; font-size: large;"><span style="font-family: Georgia, 'Times New Roman', serif;">Configuration </span>:</span></b> <span style="font-size: medium;">For adding Links to the header menu Go To Blogger Dashboard >> Template >> Edit Template >>  Search for (CTRL+F)<span style="color: red;"><b>navmenutop</b></span>  as shown below (click on the image to see it clear)</span></span><br /><div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6OMcKYeSHgnnmDPX4WsPn8zBxzOJ34toQ1ootU1nxz0EmuAZB25aSlmqZ-IASXob8oEZOfSrjUgdAvZdAhVP7x0VY5kd3uWlsPCxIJuTdfMLo6pzaUUIGsIuQCicW754UwM4nkbYlGg/s1600/navmenu.PNG" imageanchor="1" style="color: #1c4866; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6OMcKYeSHgnnmDPX4WsPn8zBxzOJ34toQ1ootU1nxz0EmuAZB25aSlmqZ-IASXob8oEZOfSrjUgdAvZdAhVP7x0VY5kd3uWlsPCxIJuTdfMLo6pzaUUIGsIuQCicW754UwM4nkbYlGg/s1600/navmenu.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></span></div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

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

<div>
<blockquote class="tr_bq" style="background-color: #f9eff4; border-color: rgb(194, 56, 121); border-style: dashed; padding: 20px;">
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <ul id='menu'></span></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <li><a href='#'>Blog</a></li></span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <li><a href='#'>Forum</a></li></span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <li><a href='#'>Contact</a></li></span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <li><a href='#'>Terms and Condition</a></li></span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    <li><a href='#'>Services</span></a></li></span></span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">    </ul></span></span></blockquote>
</div>
<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;"><span style="font-size: medium;">Replace # with the URLs of your Blog</span></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">That's it!</span></span></li>
</ul>
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"></ul>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #741b47; font-size: medium;"><i><b> So What's Up:</b></i></span><span style="font-size: medium;"> This is my 2nd Blogger Template hope you will like it , please don't remove the footer credit , because i am giving it for free you should respect me ;) !</span></span></div>
</div>
</div>

iGrid Blogger Template iGrid Blogger Template: Grid Grid and Grid , it is the most trending keyword these days in Google , every...