Top 15 Responsive SEO Friendly Blogger Templates for 2016

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><div style="text-align: center;"><span style="background-color: white;"><img alt="blogger template logo" height="132" src="data:image/png;base64,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" title="" width="400" /></span></div><div style="text-align: center;"><span style="background-color: white;"><br /></span></div><span style="background-color: white;">Recently Blogspot community has evolved to a much higher scale and we can see free blogger templates released for blogger without any pause. Blogspot is the first CMS i ever remember and the first i have used and that too for years before skipping to others due to limited resources back then. Many sites give away a lite version of their paid template to us and it is a boon to the blogging community. Lite version is all we need to start our business by the way from scratch.</span></div><div style="border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><span style="background-color: white;">Most free blogger templates here are recent and many sites doesn’t even has the templates listed here as of right now. Some special releases has been informed and we have listed them here just for you. One, two , three column templates all of them are here even though with little effort and play we can alter the look of the template completely.</span></div><div style="border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><span style="background-color: white;">2015 has seen huge release of themes for blogspot compared to the last years. When i was using blogger there were almost no quality themes and i had to change website appearance by myself.</span></div><div style="border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><span style="background-color: white;">Please use this opportunity as in this modern day with rise in technology enthusiasts and themes coders we now see large number of free templates for the blogger community. Also share these newly found templates within your blogger community.</span></div><div style="border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><span style="background-color: white;">Enough said, we will continue to update this topic with clean & <strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px none; list-style: none; margin: 0px; outline: none; padding: 0px;">free blogger templates</strong> released in late 2015, 2016 and further so stay tuned. Share in your comments and add any newly found template as we will include theme here for you.</span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Vanice – Magazine style blogger template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A clean magazine template with a nice three column modern layout with sidebar can impress your viewers and yourself.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="Magazine style blogger template" class="aligncenter size-full wp-image-8883" height="600" src="http://designscrazed.org/wp-content/uploads/2015/07/vanice.jpg" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="590" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><div style="text-align: center;"><a class="button big green" href="http://vanice-veethemes.blogspot.in/" rel="" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a> <span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="https://dl.dropboxusercontent.com/u/74113979/blogger/Vanice-free-version.zip" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a> </div></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><br /></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Inspiro</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">With a brilliant homepage filled with posts and sticky blog posts this theme is a worth option for your blogger wesbite.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="inspiro - magazine template for blogger" class="aligncenter size-full wp-image-9659" height="570" sizes="(max-width: 590px) 100vw, 590px" src="http://designscrazed.org/wp-content/uploads/2015/11/inspiro.jpg" srcset="//designscrazed.org/wp-content/uploads/2015/11/inspiro-217x210.jpg 217w, //designscrazed.org/wp-content/uploads/2015/11/inspiro.jpg 590w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="590" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://inspiro-veethemes.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="https://dl.dropboxusercontent.com/u/74113979/blogger/Inspiro-Free-Version.zip" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 class="post-title entry-title" style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Mini Magazine Template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A beautiful blogger template which is free to use with great features like mega menu and responsive design. Mega menu will fetch new blog posts and display it properly. The theme is well optimized for seo ranking and has ad layouts to easily ad your ads.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-7972" height="419" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/09/minimag.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/09/minimag-251x210.jpg 251w, //designscrazed.org/wp-content/uploads/2014/09/minimag.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://mini-mag-theme-xpose.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="https://dl.dropboxusercontent.com/u/74113979/blogger/MiniMag-free.zipadd" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Revoltify Responsive Blogger Template</h3><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-8006" height="359" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2015/03/Revoltify.jpg" srcset="//designscrazed.org/wp-content/uploads/2015/03/Revoltify-292x210.jpg 292w, //designscrazed.org/wp-content/uploads/2015/03/Revoltify.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://www.revoltify.co.vu/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="https://www.dropbox.com/s/u0v9xr4k78vh2er/Revoltify%20Responsive%20Blogger%20Template.rar?dl=0" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">BlogMag</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">Setup a news/magazine blog instantly with this modern blogger template, BlogMag. Web optimized for both handheld and desktop platforms this template is greatly improved on typography and supports all media.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-6136" height="490" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/09/blogmag.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/09/blogmag-214x210.jpg 214w, //designscrazed.org/wp-content/uploads/2014/09/blogmag.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://blogmag-themexpose.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.themexpose.com/2014/09/blogmag-clean-responsive-blogger.html" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: left;"><span style="text-align: justify;"><br /></span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px; text-align: left;">Loveria Fashion Blog Theme</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A pink website to fashion blogs and related blogging area will be great for one of your own related websites. Use this theme for free as this is responsive design and with two column layout for large blog articles.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-6130" height="500" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/05/loveria.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/05/loveria-150x150.jpg 150w, //designscrazed.org/wp-content/uploads/2014/05/loveria-210x210.jpg 210w, //designscrazed.org/wp-content/uploads/2014/05/loveria-55x55.jpg 55w, //designscrazed.org/wp-content/uploads/2014/05/loveria.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://loveria-soratemplate.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="https://app.box.com/s/gw1i5gn8ira26xf2r1ey" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px; text-align: left;">Indonesia Magazine Blogger Template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A template made of ever popular WordPress theme hueman is been remade for blogger fans which is here, Indonesia. This theme will fulfill your magazine, news channel requirements will plentiful of widgets and triple column layouts with social engagement.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><img alt="magazine blogger" src="http://designscrazed.org/wp-content/uploads/2014/09/magazine-blogger.jpg" title="" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://indonesia-blogger-template.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.soratemplates.com/2014/05/indonesia-blogger-templates.html" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Perk Misty Magazine/News Theme</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">Perk Misty is a responsive and elegant modern multipurpose blogger template which comes with a lite version with all basic requirements to setup a magazine based website.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="perk misty" class="aligncenter size-full wp-image-6135" height="456" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/09/perk-misty.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/09/perk-misty-230x210.jpg 230w, //designscrazed.org/wp-content/uploads/2014/09/perk-misty.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://perkmisty-template-trackers.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.soratemplates.com/2014/05/perk-mistry-blogger-templates.html" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Sorbet</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A blogger template which seems to be inspired by wordpress hexa theme which i have used recently. This theme is clean and responsive with more focus on typography, content  sidebar.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><a href="http://designscrazed.org/wp-content/uploads/2013/11/Sorbet-Blogger.jpg" style="border: 0px none; color: #2d4fd6; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out;"><img alt="Sorbet free blogger templates" class="aligncenter size-full wp-image-4974" height="371" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2013/11/Sorbet-Blogger.jpg" srcset="//designscrazed.org/wp-content/uploads/2013/11/Sorbet-Blogger-283x210.jpg 283w, //designscrazed.org/wp-content/uploads/2013/11/Sorbet-Blogger.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></a></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">  </span><a class="button big green" href="http://newbloggerthemes.com/sorbet-blogger-template/demo/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://newbloggerthemes.com/download/111" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Moments Blogger Template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A responsive personal blog style template with two columns for each navigation menu on the left and right sidebar.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><a href="http://designscrazed.org/wp-content/uploads/2014/03/Moments.jpg" style="border: 0px none; color: #2d4fd6; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-4975" height="278" sizes="(max-width: 590px) 100vw, 590px" src="http://designscrazed.org/wp-content/uploads/2014/03/Moments.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/03/Moments-300x141.jpg 300w, //designscrazed.org/wp-content/uploads/2014/03/Moments.jpg 590w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="590" /></a></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://newbloggerthemes.com/moments-blogger-template/demo/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://newbloggerthemes.com/download/106" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Typefocus</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A simple two column template for blog-spot bloggers with nice typography and feature images. The sidebar and responsive design layout will inspire everyone.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><a href="http://designscrazed.org/wp-content/uploads/2014/03/Typefocus-Blogger.jpg" style="border: 0px none; color: #2d4fd6; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out;"><img alt="Typefocus Blogger" class="aligncenter size-full wp-image-4976" height="305" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/03/Typefocus-Blogger.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/03/Typefocus-Blogger-300x183.jpg 300w, //designscrazed.org/wp-content/uploads/2014/03/Typefocus-Blogger.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></a></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://newbloggerthemes.com/typefocus-blogger-template/demo/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://newbloggerthemes.com/download/104" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Dieting</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A dieting website template for blogger with unique slider and responsive design.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><a href="http://designscrazed.org/wp-content/uploads/2014/03/Dieting-Template.jpg" style="border: 0px none; color: #2d4fd6; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.2s ease-in-out;"><img alt="Dieting Template" class="aligncenter size-full wp-image-4978" height="250" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2014/03/Dieting-Template.jpg" srcset="//designscrazed.org/wp-content/uploads/2014/03/Dieting-Template-300x150.jpg 300w, //designscrazed.org/wp-content/uploads/2014/03/Dieting-Template.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></a></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://www.premiumbloggertemplates.com/2014/03/dieting-blogger-template.html/demo/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.premiumbloggertemplates.com/downloads/download/588" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Magazine Easy News</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">Easy News is so clean, flexible and has a fully responsive Blogger Template! This template gives you an awesome tool to launch a daily news or magazine website. Easy News has a lot of awesome features, check them out below!</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="Easy News" class="aligncenter size-full wp-image-2560" height="500" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2013/11/Easy-News.jpg" srcset="//designscrazed.org/wp-content/uploads/2013/11/Easy-News-150x150.jpg 150w, //designscrazed.org/wp-content/uploads/2013/11/Easy-News-210x210.jpg 210w, //designscrazed.org/wp-content/uploads/2013/11/Easy-News-55x55.jpg 55w, //designscrazed.org/wp-content/uploads/2013/11/Easy-News.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://easynewstemplate.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://bloggeritems.com/templates/easy-news-responsive-magazine-blogger-template" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; color: dimgrey; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">Flat Mag Responsive Blogger Template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">A news/ magazine blog theme with responsive design for multipurpose devices. Experience the blogging with a unique style blogger themes by adding powerful widgets to the same.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-2562" height="347" sizes="(max-width: 500px) 100vw, 500px" src="http://designscrazed.org/wp-content/uploads/2013/11/FlatMag.jpg" srcset="//designscrazed.org/wp-content/uploads/2013/11/FlatMag-300x208.jpg 300w, //designscrazed.org/wp-content/uploads/2013/11/FlatMag.jpg 500w" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://flatmag.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.templateism.com/2013/08/flatmag-responsive-blogger-template.html" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div><h3 style="background-color: white; border: 0px none; font-family: Helvetica; font-size: 24px; line-height: 1em; list-style: none; margin: 25px 0px 10px; outline: none; padding: 0px;">TechMatters – Two Column Blogger Template</h3><div style="background-color: white; border: 0px none; font-family: 'Droid Sans', Arial, Verdana, sans-serif; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;">This Is a Two Column Blogger Template with a Right Sidebar. This xml blogger template will suit great for your technology blog.</div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: justify;"><img alt="gulpa tutorial" class="aligncenter size-full wp-image-2567" height="548" src="http://designscrazed.org/wp-content/uploads/2013/11/TechMatters.jpg" style="border: 1px solid rgb(203, 205, 204); clear: both; display: block; height: auto; list-style: none; margin: 2px auto; max-width: 100%; outline: none; padding: 4px;" title="" width="500" /></div><div style="background-color: white; border: 0px none; color: dimgrey; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 1em 0px; text-align: center;"><span style="color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;"> </span><a class="button big green" href="http://techmatters-theme.blogspot.in/" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><span style="text-align: justify;"> </span><span style="background-color: transparent; color: #333333; font-family: "open sans" , "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 25px; text-align: left;">   </span><a class="button big green" href="http://www.bestbloggertemplates.net/2012/12/techmatters-two-column-blogger-template.html" rel="nofollow" style="background-color: #79be1e; background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123); box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #345903; cursor: pointer; display: inline-block; font-family: calibri, arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-align: left; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Download</a><span style="text-align: justify;"> </span></div></div>

Top 15 Responsive SEO Friendly Blogger Templates for 2016

GulPaTech 0 9 years ago

Recently Blogspot community has evolved to a much higher scale and we can see free blogger templates released for blogger without any pause. Blogspot is the first CMS i ever remember and the first i have used and that too for years before skipping to others due to limited resources back then. Many s…

Read More

Add Dynamic and cool rotate effect in Blog or Website

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: center;"><img alt="rotate effect in blog" height="200" src="http://www.industrialstickerstore.com/wp-content/uploads/2013/08/360cw.jpg" title="" width="200" /></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Friends, I'm here with a great fun thing. Using the widget you can surprise your visitor. The widget using your blog can rotate 360 degrees. </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; border: 0px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">This Classic 360 Degree Rotate effect makes your blog or webpage cool and stylish effective.</span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-align: justify;">Add Rotated Effect in you blog or website. For add in your blog you need add a small script in your blog it’s very easy to add in blogger Just follow below Step for create Rotate effect in blog.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Click to view the Live Demo.</span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><div dir="ltr" style="text-align: left;" trbidi="on"><span style="background-color: white; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px;"><br /></span><span style="background-color: white; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px;">                                                              </span><a class="button big green" href="http://www.allbloggertips.com/2013/04/add-dynamic-and-cool-rotate-effect-in.html" style="background-clip: border-box; background-color: #79be1e; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvu05euPFKkD4By50GwLrOa7ha3I4d_QKEoKpQvIyBSg2tXrPI0Nzb8l84MnPLk-A2IrVCPaw3GnZWQKPPvm0zWskk4az_6ehW6C8jhLldhDXM0vI6dOMZxHkH2Bes37cUcg5MqelweUO/s144/button_bg.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvu05euPFKkD4By50GwLrOa7ha3I4d_QKEoKpQvIyBSg2tXrPI0Nzb8l84MnPLk-A2IrVCPaw3GnZWQKPPvm0zWskk4az_6ehW6C8jhLldhDXM0vI6dOMZxHkH2Bes37cUcg5MqelweUO/s144/button_bg.png"), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(162, 211, 30)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(130, 204, 39)), to(rgb(116, 179, 23))); background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgb(150, 163, 123) !important; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: rgb(52, 89, 3) !important; cursor: pointer; display: inline-block; font-family: Calibri, Arial, sans-serif; font-size: 30px; font-stretch: normal; margin: 0px; outline: none; padding: 10px 20px; position: relative; text-decoration: none !important; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; transition: background-position 1s; vertical-align: baseline; white-space: nowrap;" target="_blank">Live Demo</a><br /><br /><br /><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><br /></div><div class="MsoNormal" style="background: darkseagreen; color: #333333; line-height: 19.2px; margin-bottom: 0.0001pt; text-align: center; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: black;">How to add </span><span style="background-color: transparent; text-align: left;">Dynamic and cool rotate effect in Blog or Website</span></b></span></div><div class="MsoNormal" style="background: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; margin-bottom: 0.0001pt; text-align: center; vertical-align: baseline;"><span style="border: 1pt none windowtext; font-size: 18pt; padding: 0in;"></span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: center;"><br /></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;"><br /></div><ul style="background-color: white; color: #333333; line-height: 19.2px;"><li><span style="font-family: Arial, Helvetica, sans-serif;">Log on to your<b> blog</b>.</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">From the <b>Dashboard</b>, click on the <b>Layout</b> option.</span></li></ul><div style="text-align: center;"><img alt="gulpa tutorial" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWFTFVfR22X-JqqkI4cKMSvJliEmcWLiokebUKMChH7-X6lKebRrporBwpkNbhB7dcomUFBLAVaEODldb4cqAWmhHjWglbszNlYlEKqyXlLKEdKdL2rYzTAfQKqyDEc8on7BfLh9e_HDUE/s640/Untitled.png" title="" width="640" /></div><div style="text-align: center;"><br /></div><ul style="background-color: white; color: #333333; line-height: 19.2px;"><li><span style="font-family: Arial, Helvetica, sans-serif;">Click on the <b>Add a Gadget</b> will appear, then there is a <b>Html / JavaScript</b> click.</span></li></ul><div><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzIVfJWUAUL_Jj1KoDmwP10-PLk9Oy2GVxpFJCRW2EJxEB6o2g9Tvk2CTYmOYMg1EsVeFyAI3aqMTxPq_FgTSJZGWQKzXdWvAmijNZH8Irw6Q4eemxlajmsfTfrEWNbZ_jh5vIT6Lh3iL/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="gulpa tutorial" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzIVfJWUAUL_Jj1KoDmwP10-PLk9Oy2GVxpFJCRW2EJxEB6o2g9Tvk2CTYmOYMg1EsVeFyAI3aqMTxPq_FgTSJZGWQKzXdWvAmijNZH8Irw6Q4eemxlajmsfTfrEWNbZ_jh5vIT6Lh3iL/s320/Untitled.png" title="" width="295" /></a></div><div style="text-align: center;"><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></div><div><span style="color: #333333; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19.2px;"><br /></span></span></div><ul style="background-color: white; color: #333333; line-height: 19.2px; text-align: left;"><li><span style="font-family: Arial, Helvetica, sans-serif;">There will be another page in the empty box Title Content, <b>copy</b> and <b>paste</b> the code below into the Box.</span></li></ul><div><div dir="ltr" style="background-color: white;" trbidi="on"><div dir="ltr" style="font-family: Verdana, Geneva, sans-serif; line-height: 19.2px;" trbidi="on"><div class="tgbox" style="background-attachment: initial; background-clip: initial; background-color: #9df9a8; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrBBN_5DLYqDWfN-6H79wuEUbiGZ63r1niLByujb1NyQibR-pWpzVRduDXy9YXCOqU0svD_hWk9VYE35Ura9LV7nAioqcsvzNW4Wj-ypLjmPNujzpqgKGIXHwK0QpCcw14Ukn3s3A3hYJ/s1600/logo.png"); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 1px solid rgb(0, 0, 0); clear: both; height: auto; list-style-type: none; margin: 15px 40px 15px 15px; overflow: auto; padding: 10px 10px 10px 40px; width: auto;"><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;"><style> </span></div><div style="font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;"><span style="color: blue;">@-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); </span></span></div><div style="font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;"><span style="color: blue;">} } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); </span></span></div><div style="font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;"><span style="color: blue;">} } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); </span></span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">} } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1;</span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-o-animation-name: roll; </span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-o-animation-duration: 4s;</span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-o-animation-iteration-count: 1; </span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-webkit-animation-name: roll; </span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-webkit-animation-duration: 4s; </span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;">-webkit-animation-iteration-count: 1; } </span></div><div style="color: blue; font-family: courier, georgia, verdana, mono, serif; font-size: 12px; line-height: 19.2px;"><span style="line-height: 19.2px;"></style></span></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;"><div dir="ltr" style="background-color: darkkhaki; color: black; font-family: verdana, geneva, sans-serif; line-height: 19.2px;" trbidi="on"><div class="message_box note" style="background-attachment: scroll; background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFPBH0RSW2uB3JHClncGK4hKcZfk6fSayitPBdT376mYjN8Dpmjcqwtyk1RCJ88V77sWVf_xYVqKt-63qSIEM3DPHUU6NelaTQNGM7ksyaZRJJ2TER6D8jMzuex4lLpE__cOozukDgx4/s1600/BS+Notice.png"); background-position: 10px 50%; background-repeat: no-repeat; border: 5px groove blue; font-family: 'open sans'; font-size: 16px; margin: 15px 0px; padding: 0.5em 1em 0.5em 3em;"><span style="border: 0px; color: red; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: medium; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;"><b>Note:-</b></span><span style="font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"> This Rotate Effect work in Mozilla Firefox or Google Chrome Browser only.</span></div></div><div dir="ltr" style="font-family: verdana, geneva, sans-serif; line-height: 19.2px;" trbidi="on"><br /></div></div><span style="background-color: white; color: #333333; letter-spacing: 0.293333px; line-height: 26.4px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">I hope that was not a problem. If you like this post, please share it with your friends. If there is no problem for me to comment. So far today we will meet again with something new will be good to be healthy.</span></span><br /><br /><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="color: #3d85c6;">_________________________________________________________________________________</span></div><div style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="color: #3d85c6; font-size: medium;">About the Author :</span></b></span></div><div style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="color: #3d85c6;">_________________________________________________________________________________</span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="font-family: arial, helvetica, sans-serif;"><span style="letter-spacing: 0.293333px; line-height: 26.4px;"></span></span></div><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;"><div class="separator" style="clear: both; line-height: 19.2px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s1600/Parvej+Alam+%252898%2529.jpg" imageanchor="1" style="clear: left; color: #ffff7f; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Parvej Alam" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s200/Parvej+Alam+%252898%2529.jpg" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; opacity: 0.7; padding: 4px; transition: all 0.4s ease-in-out;" title="" width="185" /></a></div><div style="line-height: 19.2px; text-align: justify;"><span style="font-family: 'Trebuchet MS', sans-serif; line-height: 19.2px;">My name is Parvej Alam. Founder of Gulpa Tutorial Ltd. I am a student of </span></div><div style="line-height: 19.2px; text-align: justify;"><span style="font-family: 'Trebuchet MS', sans-serif; line-height: 19.2px;">JNU Calcutta branch of the BCA is studying in 3rd year.</span></div><div style="line-height: 19.2px; text-align: justify;"><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">He loves to share his thoughts with others like helping others </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">in the niche of HTML,CSS,JavaScript, C Programming, Microsoft Excel </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Formula and other Blogger and Computer Tips. </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Currently he is living in Malda (West Bengal). You can find him on various </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Social Media Networks given Below.</span></div><div style="line-height: 19.2px;"><a href="https://www.twitter.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Twitter" /></a><span id="goog_1131332681"></span><span id="goog_1131332682"></span><a href="https://www.facebook.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Facebook" /></a><a href="https://plus.google.com/u/0/114312941188673148368" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://4.bp.blogspot.com/-l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/google.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Google plus" /></a></div></div></div></div></div>

Add Dynamic and cool rotate effect in Blog or Website

GulPaTech 0 9 years ago

Friends, I'm here with a great fun thing. Using the widget you can surprise your visitor. The widget using your blog can rotate 360 degrees. This Classic 360 Degree Rotate effect makes your blog or webpage cool and stylish effective.Add Rotated Effect in you blog or website. For add in your blog you…

Read More

How to Add Page Number Navigation in Blogger / Blogspot?

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: "times" , "times new roman" , serif;">How are friends. I got a nice number on today. Suppose you have a blog post 60. But the show is posted on the home page 5 to 10. Down button and then you can see the old post Newer post button. But if it's all negative numbers to show how much better it would be. Probably your blog, your blog will search for the visitor bounce easily. However, let's look at how you can set your blog on this numbering.</span><br /><span style="font-family: "times" , "times new roman" , serif;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYTh5MRj7pok7vqy_oK1A25XW-tdk2_1rwbtDGKaohM1m-LuBH2xnPwWXoQg4LSVOh7oq7FNnBWTGg5JXpfwIWTWe6qB2II2Z65LJ2HhjL-C1zT_-HRuth4SlUU4b06r7l_sk-hoCcB08d/s1600/2222.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Number Navigation in Blogger" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYTh5MRj7pok7vqy_oK1A25XW-tdk2_1rwbtDGKaohM1m-LuBH2xnPwWXoQg4LSVOh7oq7FNnBWTGg5JXpfwIWTWe6qB2II2Z65LJ2HhjL-C1zT_-HRuth4SlUU4b06r7l_sk-hoCcB08d/s400/2222.jpg" title="" width="400" /></a></div><div style="text-align: center;"><span style="font-family: "times" , "times new roman" , serif;"><br /></span></div></div><div style="text-align: justify;"><br /></div><div class="MsoNormal" style="background: darkseagreen; margin-bottom: 0.0001pt; text-align: center; vertical-align: baseline;"><br /></div><h2 style="background-attachment: scroll; background-clip: initial; background-image: initial; background-origin: initial; background-position: 10px 50%; background-repeat: no-repeat; background-size: initial; border: 1px darkseagreen; color: blue; font-family: lobster, cursive; font-size: 18px; font-stretch: normal; font-weight: normal; margin: 0px; outline: red inset 2px; padding: 0px 1px 4px 45px; text-shadow: rgb(2, 5, 7) 1px 1px 0px; text-transform: capitalize;"><span style="background-color: white; color: black; font-family: "times" , "times new roman" , serif; font-size: 24px; text-align: center; text-transform: none;">How to add page number navigation in Blogger / Blogspot?</span></h2><div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; text-align: center; vertical-align: baseline;"><span style="border: 1pt none windowtext; font-size: 18pt; padding: 0in;"></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><ul style="background-color: white; color: #333333; line-height: 19.2px;"><li><span style="font-family: Times, Times New Roman, serif;">Log on to your<b> blog</b>.</span></li><li><span style="font-family: Times, Times New Roman, serif;">From the <b>Dashboard</b>, click on the <b>Layout</b> option.</span></li><li><span style="font-family: Times, Times New Roman, serif;">Click on the <b>Add a Gadget</b> will appear, then there is a <b>Html / JavaScript</b> click.</span></li><li><span style="font-family: Times, Times New Roman, serif;">There will be another page in the empty box Title Content, <b>copy</b> and <b>paste</b> the code below into the Box.</span></li></ul><div><span style="color: #333333; font-family: Times, Times New Roman, serif; font-size: large;"><span style="line-height: 19.2px;"><b>#Style : 1</b></span></span></div><div><span style="color: #333333; font-family: Times, Times New Roman, serif; font-size: large;"><span style="line-height: 19.2px;"><b><br /></b></span></span></div><div><div class="separator" style="clear: both; text-align: center;"><img alt="Number Navigation in Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpai1KSh0jeYGdxyKyuvWphTeLMxQSRZGv-pRdubOKJhUMpYEgDth1-iPkrOxmmaHQMzoYH_0wJ_3Bs7zqFb2yafWWDy_RqV8NcqR_00bi7gu2clxDQh5EOLrGklQD0vaCgEeGW6XCKf4/s1600/page+nuber+navigation+style1.PNG" title="" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="code" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_MGOAPBzN1e5odwyLENuq7lrwQdWtKp4NpOwe3yg3WB5IEZPJZ_xrU-H_J5Gj3vBrc7ECba6uPcru6pVs3zyYMwEvgVPDzM08uMN84nNVU0LvGaiofFNJGNc2B3bzfYUtlM3aJ7VOk84/") 0% 0% repeat-y rgb(197, 214, 212); box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;"><span style="font-family: courier new;"><span style="font-size: 12px; line-height: 19.2px;"><style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKajhu51wNTfcnao1u0Psl_siiSuKffdlnjwUv9gEZ6haAWVgpcqdsBh1Bjd7rOymnxfHNCBxEV0gEo06agnivhbPXOHIcRyXY1OKcaM67xPH6z1BIhAlp_GkVHqrA5rdHBi-pdpbYcQ8/w1-h26-no/ABT+nav1.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghz4jq404U2GWKVncQmVpmXhAlEzdvT8aydKX4skmnB9b8jTSwkgBczFmZYFqoibpx8wGgaHML0tBp8z6uscMOXNUAgBPPYK5v7HTJ0jCoEe4BWvY3oOLCbrmYo73ZEsiAKVWVIACL18o/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script></span></span></div><div class="separator" style="clear: both; text-align: center;"><br style="background-color: white; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: left;" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;">#Style : 2</b></div><div class="separator" style="clear: both; text-align: left;"><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;"><br /></b></div><div class="separator" style="clear: both; text-align: center;"><img alt="Number Navigation in Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRjIJnBEWPHbpitvq2hW9s7cMEl9dtJ0gmfdk8QLi2_PACeinyvD0DHr46hX2mIjiH9wOrk7GciJ0oXEOv1rsLXT4yYC3RQba4VhE1EnKN7DlnWTDhvjbRgfpsT1fNpYb5yDaZu4iRHvg/s1600/page+navigation+style3.PNG" title="" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br style="background-color: white; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: left;" /></div><div class="code" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_MGOAPBzN1e5odwyLENuq7lrwQdWtKp4NpOwe3yg3WB5IEZPJZ_xrU-H_J5Gj3vBrc7ECba6uPcru6pVs3zyYMwEvgVPDzM08uMN84nNVU0LvGaiofFNJGNc2B3bzfYUtlM3aJ7VOk84/") 0% 0% repeat-y rgb(197, 214, 212); box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;"><span style="font-family: courier new;"><span style="font-size: 12px; line-height: 19.2px;"><style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh3.googleusercontent.com/-w9ZA6PoJmXI/UaxcShxGABI/AAAAAAAAAD4/Cm_b0ycvJbg/w1-h26-no/ABT+nav4.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghz4jq404U2GWKVncQmVpmXhAlEzdvT8aydKX4skmnB9b8jTSwkgBczFmZYFqoibpx8wGgaHML0tBp8z6uscMOXNUAgBPPYK5v7HTJ0jCoEe4BWvY3oOLCbrmYo73ZEsiAKVWVIACL18o/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script></span></span></div><div class="separator" style="clear: both; text-align: center;"><br style="background-color: white; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: left;" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;"><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;">#Style : 3</b></div><div><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;"> </b></div><div style="text-align: center;"><img alt="Number Navigation in Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgac-YQKP-gV2KxlRJKPKoH_EsuGcxbKeIvCI0G6cX8zt-vgUatunhXz6b-HsOFjsxeCIrI8lEpBvIwDHbe_fhPHxzZok9Wfs7mlP6Tlyg7ebHq07xHj81xGMZfSCHxVq5SZPcIa_KrMgc/s1600/page+navigation+style2.PNG" title="" /></div><div style="text-align: center;"><br /></div><div><div class="separator" style="clear: both; text-align: center;"><br style="background-color: white; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: left;" /></div><div class="code" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_MGOAPBzN1e5odwyLENuq7lrwQdWtKp4NpOwe3yg3WB5IEZPJZ_xrU-H_J5Gj3vBrc7ECba6uPcru6pVs3zyYMwEvgVPDzM08uMN84nNVU0LvGaiofFNJGNc2B3bzfYUtlM3aJ7VOk84/") 0% 0% repeat-y rgb(197, 214, 212); box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px; margin: 5px 10px; max-height: 200px; overflow: auto; padding: 4px 10px 0px 40px;"><span style="font-family: courier new;"><span style="font-size: 12px; line-height: 19.2px;"><style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://lh6.googleusercontent.com/-zvDQ4P4UvtA/UaxWjMa_yNI/AAAAAAAAADI/Sq_08RjZWAE/w1-h26-no/ABT+nav3.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghz4jq404U2GWKVncQmVpmXhAlEzdvT8aydKX4skmnB9b8jTSwkgBczFmZYFqoibpx8wGgaHML0tBp8z6uscMOXNUAgBPPYK5v7HTJ0jCoEe4BWvY3oOLCbrmYo73ZEsiAKVWVIACL18o/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script></span></span></div><div class="separator" style="clear: both; text-align: center;"><br style="background-color: white; color: #333333; font-family: verdana, geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: left;" /></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div><div><span style="background-color: white; color: #333333; letter-spacing: 0.293333px; line-height: 26.4px; text-align: justify;"><span style="font-family: Times, Times New Roman, serif;">I hope that was not a problem. If you like this post, please share it with your friends. If there is no problem for me to comment. So far today we will meet again with something new will be good to be healthy.</span></span></div><div><span style="background-color: white; color: #333333; letter-spacing: 0.293333px; line-height: 26.4px; text-align: justify;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></div><div><span style="background-color: white; color: #333333; letter-spacing: 0.293333px; line-height: 26.4px; text-align: justify;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></div><div><div class="separator" style="background-color: white; clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="color: #3d85c6;">_________________________________________________________________________________</span></div><div style="background-color: white; clear: both; font-family: Verdana, Geneva, sans-serif; line-height: 19.2px; text-align: justify;"><span style="font-family: Georgia, 'Times New Roman', serif;"><b><span style="color: #3d85c6; font-size: large;">About the Author :</span></b></span></div><div style="background-color: white; clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="color: #3d85c6;">_________________________________________________________________________________</span></div><div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px; text-align: justify;"><span style="font-family: arial, helvetica, sans-serif;"><span style="letter-spacing: 0.293333px; line-height: 26.4px;"></span></span></div><div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.2px;"><div class="separator" style="clear: both; line-height: 19.2px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s1600/Parvej+Alam+%252898%2529.jpg" imageanchor="1" style="clear: left; color: #ffff7f; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Parvej Alam" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzyaaIhC1ArGyNqeLh-vhdc7HDFVO1RzRwZP4y3iOHW2MJDfGXNo-x6hcCQDvDY0_fOVhkAt2UFCv2wSAj6bwQYffKZgtTfQ3Lv-hXUhd7D0Qu9W0ErKB9eMIIx9LChVTZUFZXd4SNZ_l/s200/Parvej+Alam+%252898%2529.jpg" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; opacity: 0.7; padding: 4px; transition: all 0.4s ease-in-out;" title="" width="185" /></a></div><div style="line-height: 19.2px; text-align: justify;"><span style="font-family: 'Trebuchet MS', sans-serif; line-height: 19.2px;">My name is Parvej Alam. Founder of Gulpa Tutorial Ltd. I am a student of </span></div><div style="line-height: 19.2px; text-align: justify;"><span style="font-family: 'Trebuchet MS', sans-serif; line-height: 19.2px;">JNU Calcutta branch of the BCA is studying in 3rd year.</span></div><div style="line-height: 19.2px; text-align: justify;"><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">He loves to share his thoughts with others like helping others </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">in the niche of HTML,CSS,JavaScript, C Programming, Microsoft Excel </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Formula and other Blogger and Computer Tips. </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Currently he is living in Malda (West Bengal). You can find him on various </span></div><div style="line-height: 19.2px;"><span style="font-family: 'Trebuchet MS', sans-serif;">Social Media Networks given Below.</span></div><div style="line-height: 19.2px;"><a href="https://www.twitter.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-TD3jCs_IZcg/UiIRjnuFRyI/AAAAAAAACUA/9ZYp0awI3Ss/s1600/twitter.png" style="border: 1px solid rgb(192, 192, 192); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Twitter" /></a><span id="goog_1131332681"></span><span id="goog_1131332682"></span><a href="https://www.facebook.com/parvej4u2" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://1.bp.blogspot.com/-XtMSvGt9QbM/UiIRj_Z-xkI/AAAAAAAACUE/lxKPo9uepx4/s1600/facebook.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Facebook" /></a><a href="https://plus.google.com/u/0/114312941188673148368" style="color: #999999; text-decoration: none;" target="_blank"><img src="https://4.bp.blogspot.com/-l6tB4HfZcfY/UjdItwk9-7I/AAAAAAAACW4/iHklkLWO_Fs/s1600/google.png" style="border: 1px solid rgb(192, 192, 192); height: auto; line-height: 19.2px; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" title="Google plus" /></a></div></div></div></div><div class="separator" style="clear: both; text-align: left;"><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;"><br /></b></div><div class="separator" style="clear: both; text-align: left;"><b style="color: #333333; font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 19.2px;"><br /></b></div></div></div>

How to Add Page Number Navigation in Blogger / Blogspot?

GulPaTech 0 9 years ago

How are friends. I got a nice number on today. Suppose you have a blog post 60. But the show is posted on the home page 5 to 10. Down button and then you can see the old post Newer post button. But if it's all negative numbers to show how much better it would be. Probably your blog, your blog will s…

Read More