tag:blogger.com,1999:blog-52533872925690907462024-03-23T11:28:57.791-07:00Tech MarshalUnknownnoreply@blogger.comBlogger61125tag:blogger.com,1999:blog-5253387292569090746.post-92048572790569965532014-09-08T12:00:00.002-07:002015-04-21T00:49:47.451-07:00The Journalist: A Simple Responsive Template for Blogger"The Journalist" is a simple blogger template built on the bootstrap framework. It features a fully responsive two column layout that adjusts perfectly to all screen sizes.<br />
This quick loading theme is free and comes pre-installed with a simple text-based related posts and social sharing widget. It is ideal for journalists, writers and bloggers alike. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img class="img-responsive" src="http://1.bp.blogspot.com/-jGaNuc_6Ty0/VA33Psyu6sI/AAAAAAAADYs/0BzFzq6v_lQ/s1600/blogger-journalist-theme.png" /></div><br />
<a class="tempdemo" href="http://the-journalist-template.blogspot.com/" target="_blank">Demo</a><a class="tempdemo" href="https://app.box.com/s/o4gpd2yz7iu5zwwiluzu" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3>Profile Box</h3>To add details about yourself in the Profile box on the sidebar, find the following code in the template and replace the information in blue with relevant details about yourself.<br />
<br />
<pre class="codearea" style="font-size: 14px;"><div class='profile-box'>
<!-- <span style="color: #444444;"><b>Insert Link of your Profile Pic</b></span> -->
<img class='img-responsive pimg' src='<span style="color: #3d85c6;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ar27ciiJvp48sxWOTsAFpqZeTSd0oF5YEepKEUU_NYNjBzY3nRPznihZwtfObn1gtYD84aVLZN22KZynnbf4OWeJbdShIca1DkGPi-LQKobIJxogtuh8awzjyDNoAJxcS5wMb19DQ1Q/s320/default-avatar.png</span>'/>
<!-- <span style="color: #444444;"><b>Add Name Here</b></span> -->
<h4><span style="color: #3d85c6;">Wajahat Razzaq</span></h4>
<!-- <span style="color: #444444;"><b>A line About Yourself</b></span> -->
<span><span style="color: #3d85c6;">Writer, journalist and a budding academic. I write for the Huffington post.</span></span>
</div>
</pre><br />
<h3>Social Links</h3>Link the social icons in the sidebar to your social profiles by modifying the following code in your template. Simply change the code in blue with relevant links to your social accounts.<br />
<br />
<pre class="codearea" style="font-size: 14px;"><div class="contact-box">
<a href="mailto:<span style="color: #3d85c6;">wajahat-xyz123@gmail.com</span>?Subject=Hey!" target="_top">
<i class="fa fa-envelope-o" rel="tooltip" title="<span style="color: #3d85c6;">wajahat-xyz123@gmail.com</span>"></i>
</a>
<a href="https://twitter.com/<span style="color: #3d85c6;">wajahat-xyz</span>" target="_blank">
<i class="fa fa-twitter"></i>
</a>
<a href="https://facebook.com/<span style="color: #3d85c6;">wajahat-xyz</span>" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a href="https://plus.google.com/<span style="color: #3d85c6;">wajahat-xyz</span>" target="_blank">
<i class="fa fa-google-plus"></i>
</a>
<a href="https://youtube.com/<span style="color: #3d85c6;">wajahat-xyz</span>" target="_blank">
<i class="fa fa-youtube-play" rel="tooltip" title="YouTube"></i>
</a>
</div>
</pre><br />
Thats it! Please let us know of any anomalies / layout problems that you may find in the template.Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-5253387292569090746.post-86858532410798461222014-07-17T00:13:00.001-07:002014-07-17T00:13:57.726-07:00New Free Responsive Blogger Templates 2014 [Download Now]With more people now surfing the web with mobile devices, it is becoming increasingly important that your website has a layout that adjusts to multiple screen sizes.<br />
<br />
We've previously shared some of the best free responsive templates available for blogger <a href="http://techmarshal.blogspot.com/2014/02/top-responsive-blogger-templates-2014.html" rel="nofollow" target="_blank">here</a> and <a href="http://techmarshal.blogspot.com/2013/02/download-best-responsive-blogger-blogspot-templates.html" rel="nofollow" target="_blank">here</a>. As more excellent themes are now available for your blogger based blog, here are some select new ones that you can download for free.<br />
<br />
<h3>
Xmax</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-Hjv8uuST3uo/U8dxux20XdI/AAAAAAAADQQ/dWPP7FL7exc/s1600/xmax-responsive-blogger-template.jpg" /></div>
<br />
Xmax is a multi-purpose one page Blogger template. It is specially great for your portfolio or company product site.<br />
<br />
<a class="tempdemo" href="http://xmax-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/xmax-one-page-blogger-template.zip" rel="nofollow">Download</a><br />
<br />
<h3>
BTNT</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-k4B31FfmVmk/U8dx2qSNSKI/AAAAAAAADQY/sOXZVhtvz0Q/s1600/btnt-responsive-blogger-template.jpg" /></div>
<br />
A decent minimalist responsive blogger theme.. It is ads-ready and comes with pre-installed popular posts and recommended posts widget.<br />
<br />
<a class="tempdemo" href="http://btnt-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/06/btnt-responsive-blogger-template.html" rel="nofollow">Download</a><br />
<br />
<h3>
Hola</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-LSKBu4f6fuY/U8dx8yWy4pI/AAAAAAAADQg/80QVi2y5rhg/s1600/hola-responsive-blogger-template.jpg" /></div>
<br />
Another Clean, adsense ready responsive template with a right sidebar. <br />
<br />
<a class="tempdemo" href="http://hola-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/06/hola-responsive-niche-blog-theme-for.html" rel="nofollow">Download</a><br />
<br />
<h3>
Linzo</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-JUjmzKM6hPc/U8dyC5zYDOI/AAAAAAAADQo/ltj2_XrRe54/s1600/linzo-responsive-blogger-template.jpg" /></div>
<br />
An incredibly neat theme with the post thumbnails displayed on the homepage right below the post title. Features a right sidebar loaded with email subscription widget, popular posts widget and social media icons.<br />
<br />
<a class="tempdemo" href="http://linzo-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/05/linzo-responsive-blogger-template.html" rel="nofollow">Download</a><br />
<br />
<h3>
Camly</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/--o1eVnR0inY/U8dyIG29xWI/AAAAAAAADQw/nq8N_BmeAZw/s1600/camly-responsive-blogger-template.jpg" /></div>
<br />
Blogger theme with a nice responsive layout and wide sidebar on the right. It also features an optin form that rolls down when you click the plus sign below the header.<br />
<br />
<a class="tempdemo" href="http://camly-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/06/camly-responsive-blogger-template.html" rel="nofollow">Download</a><br />
<br />
<h3>
Ravia</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-dYDJ_uEBV6A/U8dyOZea3GI/AAAAAAAADQ4/x9odrJV5kGk/s1600/ravia-responsive-blogger-template.jpg" /></div>
<br />
Responsive Magazine-style blogger template with featured post area below the header on homepage. It also comes with built-in popular post widget.<br />
<br />
<a class="tempdemo" href="http://ravia-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/04/ravia-responsive-blogger-template.html" rel="nofollow">Download</a><br />
<br />
<h3>
Wizz</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-R3CHR1uEHns/U8dyT5Zo9CI/AAAAAAAADRA/3b2doWbrbtU/s1600/wizz-responsive-blogger-template.jpg" /></div>
<br />
A Responsive, fast-loading theme featuring a 3 column layout.<br />
<br />
<a class="tempdemo" href="http://wizz-blogger-theme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://www.blogtipsntricks.com/2014/05/wizz-responsive-blogger-template.html" rel="nofollow"></a><br />
<br />
<h3>
HelperTricks v1</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-4XNL6FFoBh0/U8dyZjj08RI/AAAAAAAADRI/0oEflZfSkmE/s1600/help-tricks-responsive-blogger-template.jpg" /></div>
<br />
Clean theme with a single sidebar floated right. This theme is great for technology blogs.<br />
<br />
<a class="tempdemo" href="http://demoseoadsense.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="https://drive.google.com/file/d/0B9BBTV2wfegFY0RaQzRQVC1oWUU/edit?usp=sharing" rel="nofollow">Download</a><br />
<br />
<h3>
RealMag</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-A1UzyQwjeOo/U8dyfV3PBVI/AAAAAAAADRQ/mfIxzncWLVw/s1600/real-mag-responsive-template.jpg" /></div>
<br />
100% Responsive, fluid-width template with a magazine-style layout. You can use it for almost every niche you may cover.<br />
<br />
<a class="tempdemo" href="http://realmagtheme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/RealMag-blogger-template.zip" rel="nofollow">Download</a><br />
<br />
<h3>
Journal</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-m0KhVc5a_sw/U8dykquqCNI/AAAAAAAADRY/5nZcvClJDp4/s1600/journal-blogger-template-responsive.jpg" /></div>
<br />
Journal is a perfect Blogger template for those who love to travel and blog. It has grid layout with fluid responsive display. It features a left sidebar.<br />
<br />
<a class="tempdemo" href="http://osmotheme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/Journey-Blogger-Template.zip" rel="nofollow">Download</a><br />
<br />
<h3>
Personal Mag</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-SOVKbaqn_YI/U8dy45n3-CI/AAAAAAAADRg/GkpoJYW4mb8/s1600/Personal-Mag-Blogger-Template.jpg" /></div>
<br />
Personal Mag - is a clean responsive Blogger blog theme. If you are looking for a pinterest style blogger theme, personal mag may do the job for you.<br />
<br />
<a class="tempdemo" href="http://personalmagtheme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/Personal_Mag_Free.zip" rel="nofollow">Download</a><br />
<br />
<h3>
Awesome Mag</h3>
<br />
<div style="text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-9v8ex4R80g0/U8dzAYzx6zI/AAAAAAAADRo/MCmhNVnc-d0/s1600/awesome-mag-responsive-template.jpg" /></div>
<br />
Awesome Mag Blogger Template is fully responsive, 3 column template that can be used for a portfolio, magazine, personal blog or a list based site.<br />
<br />
<a class="tempdemo" href="http://theawesometheme.blogspot.com/" rel="nofollow">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/Awesome-mag.zip" rel="nofollow">Download</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-68787706130742914802014-06-19T12:00:00.002-07:002014-06-19T12:03:53.150-07:00Rich Pins: Show Post Title, Prices, Ratings and More On PinterestThere are literally tons of ways to get your images noticed on Pinterest. The most discussed and recommended way is to use longer length, attention grabbing images. With the right method used, you'll be able to get more re-pins, more likes and drive more traffic to your site in return.<br />
<br />
Since, for most users, getting visitors from Pinterest to our own web pages is the primary reason for using this incredibly popular social media site, there's no reason not to try every trick in the book to make our pins more engaging.<br />
<br />
A lot of shared content on Pinterest has the title displayed of the webpage from where the content is actually pinned from, the prices of products, rating from sites covering movies and a lot of other useful information. This makes your pins even more appealing, more informative.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-FDxSQv_S0Fk/U6MzNLQ-AkI/AAAAAAAADHg/J1EaFhep2q0/s1600/pinterest-rich-pins.jpg" /></div>
<br />
Pinterest introduced this feature as 'Rich Pins'. And it isn't reserved for select sites. You too can enable this feature to display the post title, prices, recipes, movie ratings and more and reap the benefits associated with it. The only condition is that you should be using Pinterest as a business account. If you are a blogger, you can convert your account type to business here: <a href="http://business.pinterest.com/en/">business.pinterest.com/en/</a><br />
<h3>
<br />
</h3>
<h3>
How to Apply For Rich Pins on Pinterest</h3>
<br />
Pinterest has a detailed guide on applying for Rich Pins <b><a href="https://developers.pinterest.com/rich_pins/" rel="nofollow" target="_blank">here</a></b>.<br />
<br />
1. Once you have your account type set to business, decide what kind of Rich Pin you want to apply for:<br />
<ul style="line-height: 1; margin: 0;">
<li><a href="http://developers.pinterest.com/rich_pins/#Product" target="_blank">Product Pins</a></li>
<li><a href="http://developers.pinterest.com/rich_pins/#Place" target="_blank">Place Pins</a></li>
<li><a href="http://developers.pinterest.com/rich_pins/#Movie" target="_blank">Movie Pins</a></li>
<li><a href="http://developers.pinterest.com/rich_pins/#Article" target="_blank">Article Pins</a></li>
<li><a href="http://developers.pinterest.com/rich_pins/#Recipe" target="_blank">Recipe Pins</a></li>
</ul>
<br />
2. Next use oEmbed or Semantic Markup (Schema.org or Open Graph templates) to mark the relevant tags in your templates (prices, article title, movie ratings, recipes etc) as detailed in the links above.<br />
<br />
3. Once properly marked, visit the <a href="https://developers.pinterest.com/rich_pins/validator/" rel="nofollow" target="_blank">Rich Pins Validator</a> and enter the URL of a post from your site. Hit Validate. It should say that your pin has been validated.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-SXx9HXmqIZ0/U6MwP6Xt4VI/AAAAAAAADHU/n4oL1BE9zK8/s1600/validated.png" /></div>
<br />
4. Finally, click the 'Apply Now' button to apply for Rich Pins to be enabled for your account. Once approved, it will show a message notifying you about the approval.<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-34280960154232102582014-02-16T11:01:00.000-08:002015-01-11T10:25:52.677-08:00Top Responsive Blogger Templates 2014 You Can Download for FreeResponsive themes and templates allow users to build websites and blogs that look great on any mobile device. These themes are designed to resize and adjust properly to all standard mobile device screen sizes (PCs, Tablets and Mobile Phones). Given the high demand of responsive design, more and more developers are dedicated on developing such templates. <br />
<br />
Here are a number of excellent new templates that you can download for free in 2014 if you're just starting on a blog or moving your existing site to a responsive design:<br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Portfolio Blog</h3><br />
NotePlus Template is a beautiful, free and fast loading blogger template build using Bootstrap. It features a 2 column layout with the sidebar on the right. <br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://2.bp.blogspot.com/-lDlcT8jSy20/VLLADgCIIuI/AAAAAAAADqI/g8d2BWSVJZw/s1600/noteplus-template.png" /><br />
<br />
<a style="font: bold 21px arial sans-serif; color: rgb(52, 130, 188) !important;" href="http://helparchive.blogspot.com/2014/12/noteplus-elegant-2-column-responsive-template.html" rel="nofollow" target="_blank">Details</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Portfolio Blog</h3><br />
Portfolio Blog: As the name suggests, this is a portfolio style template with an elegant and clean design powered by the Isotope jQuery plugin. It features a full width layout with no sidebars and supports 4 widget sections in the footer.<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-cxmerrRotjY/UwD6Z-7m7VI/AAAAAAAADDE/2vIkip_cSaU/s1600/Portfolio-Blog_2.jpg" /><br />
<br />
<a href="http://portfolio-blog-trackers.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/x0tCdm" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Blog Safari</h3><br />
A clean magazine style theme with a fluid width/responsive layout designed to adjust well on all screen sizes. It comes with pre-installed Blogger Comments and Google+ Comments system which you can use alternately. An author bio box is displayed at the end of every post - A feature preferred for multi-authored blogs.<br />
<br />
<img border="0" style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" src="http://4.bp.blogspot.com/-_qtu0z_yldA/UwD6u6QEIPI/AAAAAAAADDM/yGM_ut4_uA4/s1600/blog-safari_2.jpg" /><br />
<br />
<a href="http://safari-bloggers.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/Mn1KXP" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Gadget Mag</h3><br />
Gadget Mag is magazine style blogger template with a Responsive design that adjusts well on all common screen sizes. It features a 3 column layout with powered with jQuery and CSS3. It comes with plenty of pre-installed widgets including thumbnail based featured and popular posts.<br />
<br />
<img border="0" style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" src="http://2.bp.blogspot.com/-D3494SNZYhU/UwD69CaI-gI/AAAAAAAADDU/djtDo4Ymxkc/s1600/Gadget-magazine.jpg" /><br />
<br />
<a href="http://gadgetmag-trackers.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/jXtsIY" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Perk Misty</h3><br />
Perk Misty is another excellent responsive blogger theme ideal for News/Magazine sites, portfolio and even your personal blog. It features a 3 column layout and comes with a pre-installed, customizable recent post widget. Apart from that, the template is totally Adsense ready.<br />
<br />
<img border="0" style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" src="http://1.bp.blogspot.com/-N8mj1bimSTc/UwD7JTKjO4I/AAAAAAAADDc/6MRpP0gMwIM/s1600/Perk-Misty_1.jpg" /><br />
<br />
<a href="http://perkmisty-template-trackers.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/sAzu0i" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Docorus</h3><br />
Docorus is pretty-much adapted from the Hueman theme available for wordpress. It features a 3 column, full width, responsive magazine-style design. Docurus pre-includes related, popular post widgets, author bio box and and image slider on the homepage. No matter which niche you're covering, this is a great template you can have.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-Goiuv0mHLEo/UwD7SjTmnGI/AAAAAAAADDk/FX0STEvkMmw/s1600/Decorus_1.jpg" /><br />
<br />
<a href="http://decorus-blog.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/joz8y4" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Foodie</h3><br />
Foodie, as the name suggests is intended for use on blogs covering food recipies, cooking tips ets. This is yet another theme with a magazine style design. Like all other templates here, it adjusts to all major screen sizes (desktop, pads and mobile phones) and is SEO friendly.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://1.bp.blogspot.com/--qNSVXlhDJo/UwD7sGyMh1I/AAAAAAAADDs/-Y-7-5gTduM/s1600/foodie_2.jpg" /><br />
<br />
<a href="http://foodie-trackers.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/azbyYb" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Enpine</h3><br />
Enpine is a large width template with no sidebar on the home page, the post pages feature a right sidebar with a pre-installed popular post plugin. The template comes with a sticky header for easy navigation. An author box linked to your Google+ account is displayed at the end of every post pages.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://4.bp.blogspot.com/-NRDgGakb-HA/UwD72W5tuXI/AAAAAAAADD0/16Iwkz7kO9c/s1600/Enpine-Blog_2.jpg" /><br />
<br />
<a href="http://enpine-blog.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://goo.gl/E4LvsM" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Plazify</h3><br />
Plazify is a fully responsive, quick loading magazine-style theme with two sidebars on the right and includes a slider on the homepage. It is available as both, free and paid. However, the free version does not allow for any customization.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://4.bp.blogspot.com/--JsRvIak_hY/UwD78kewJ8I/AAAAAAAADD8/vpOelYV1QBI/s1600/plazify-blogger-theme_2.jpg" /><br />
<br />
<a href="http://plazify.templateify.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://license.templateify.com/?wpdmact=process&did=MTYuaG90bGluaw==" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Sleekify</h3><br />
Sleekify, another cool magazine theme with a sleek look. It features a two column layout with a right sidebar. A $19.99 paid version of theme allows for customization, footer credit removal and support.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-m-i6Q5RfaPc/UwD8GB-VNvI/AAAAAAAADEE/Sl0kmzDfYAc/s1600/sleekify-blogger-template_2.jpg" /><br />
<br />
<a href="http://sleekify-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://license.templateify.com/?wpdmact=process&did=MjQuaG90bGluaw==" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">BlackPress</h3><br />
Blackpress by Templateify is a 100% responsive portfolio-style template for your blogspot blogs. It is retina ready and offers is a super clean look with a two column (Right-sidebar) layout. The template is free for use, however if you need to customize it, there is a $19.99 licensed version just for that.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://2.bp.blogspot.com/-qyGCOU46HgM/UwD8O9iNYRI/AAAAAAAADEM/jP1CiGSWq2Y/s1600/black-press-blogspot-theme.jpg" /><br />
<br />
<a href="http://blackpress-templateify.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://license.templateify.com/?wpdmact=process&did=MjEuaG90bGluaw==" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Portify</h3><br />
If you are looking for a clean, minimalistic blogger template with a responsive layout, Portify is one amazing template you can consider. It features a left sidebar and a widget area on the top. Like all other tempelateify themes covered here, a $19.99 version of this theme allows for customization.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-GDETUFCwwJo/UwD8XNF2EjI/AAAAAAAADEU/2DvJRRP1T1s/s1600/portify-blogger-template_2.jpg" /><br />
<br />
<a href="http://portify.templateify.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://license.templateify.com/?wpdmact=process&did=MjIuaG90bGluaw==" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Wedding Magazine</h3><br />
Wedding Magazine by 'Templateism' features a very clean magazine style design with large image banner on the homepage. Its a 2 column theme with 4 a column footer. The theme is 100% responsive and adjusts well on all screen sizes. Pre-includes related and popular post widgets.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://4.bp.blogspot.com/-pSz6fmB8Udw/UwD8qjREPhI/AAAAAAAADEc/xL9rp87MOFk/s1600/wedding-mag-blogspot-theme.jpg" /><br />
<br />
<a href="http://webmagtheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://templateism.com/blogger-templates/Wedding-Mag.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Gagism</h3><br />
If you intend to run a gag, meme or any image site on blogspot, Gagism by Tempelateism is the best theme you'll find. It features related items below every post, rating system, social buttons and lots of other goodies. Plus there is a Re-blog Button that allows your visitors to share your gags on their blogs while giving a backlink to your site. This will make your gag go viral across different blogs.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://1.bp.blogspot.com/-5shHgyQ9TqQ/UwD80HuVI-I/AAAAAAAADEk/fBpD-vH_AYk/s1600/gagism-blogger-theme_2.jpg" /><br />
<br />
<a href="http://gagismtheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://templateism.com/blogger-templates/Gagism.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Droid Pluss</h3><br />
Simple, elegant and 100% responsive. Droid Pluss is the perfect choice for a technology blog or news site. The theme includes a colored sidebar on the right, related post plugin, social sharing buttons and more.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-55nJNyRLJpA/UwD8_odWXMI/AAAAAAAADEs/tT1eSmY3gKI/s1600/droid-pluss-blogger_2.jpg" /><br />
<br />
<a href="http://droidpluss.blogspot.com/" rel="nofollow" target="_blank">Demo</a> / <a href="http://bloggertemplatestore.com/downloads/droidpluss.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Belastic</h3><br />
Belastic is another nicely designed template for desktop and all mobile devices. It offers unlimited color schemes, thumbnail based post summaries, drop down navigation menu, social sharing widget and more. <br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://4.bp.blogspot.com/-cysZRyITHiA/UwD9JApwbII/AAAAAAAADE0/CzTw4gP2tZ8/s1600/belastic-template-blogspot_1.jpg" /><br />
<br />
<a href="http://www.btdesigner.net/2014/02/belastic-responsive-blogger-template.html" rel="nofollow" target="_blank">Demo / Download</a><br />
<br />
<h3 style="font-size: 22px; border-bottom: 1px solid #ccc">Arvo</h3><br />
Arvo is a two column theme with a grey background. Its a fast loading, SEO optimized blogger theme with couple of handy pre-installed widgets and offers easy customization.<br />
<br />
<img style="clear: both; text-align: center; padding: 5px; border: 1px solid #ddd" border="0" src="http://3.bp.blogspot.com/-BsQs_aNN9bE/UwD9Qo2nIsI/AAAAAAAADE8/3JSusE-_CRs/s1600/arvo-theme-blogspot_2.jpg" /><br />
<br />
<a href="http://www.btdesigner.net/2014/01/arvo-theme-responsive-blogger-template.html" rel="nofollow" target="_blank">Demo / Download</a>Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-5253387292569090746.post-6336122928813487642014-02-11T01:34:00.000-08:002014-02-11T09:07:49.838-08:00Display Code On Your Blog With Highlight.js & Prettify (Syntax Highlighters)Syntax highlighting helps improve the readability of the code that you display on your webpages and makes the code standout from the rest of the text. A number of excellent Syntax Highlighters are available online for free. Google code project <b>“Prettify”</b> and <b>"Highlight"</b> are two excellent, lightweight code highlighters which you can use on your blog. Both include support for the most commonly used languages.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-dLKFKnDXsis/Uvn1Ic0LIfI/AAAAAAAADC0/_Rufp74V-0o/s1600/syntax-highlighter.png" /></div>
<h3 style="border-bottom: 1px solid black; font-size: 26px; width: 210px;">
Using Prettify</h3>
<br />
The Prettify script is hosted on Google, so you don't even need to host it on your end. Simply add the following code before the closing <span style="color: #6aa84f;"></head></span> tag in your template: <br />
<pre class="codearea"><script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></pre>
<b>Marking code sections:</b><br />
<br />
Now whenever you display code on your page, simply enclose it in <span style="color: #454545; font-size: 11px; font-weight: bold;"><pre>...</pre>, <code>...</code></span> or <span style="color: #454545; font-size: 11px; font-weight: bold;"><xmp>...</xmp></span> tags with a class of "<span style="color: #6aa84f; font-size: 11px; font-weight: bold;">prettyprint</span>". Here's an example: <br />
<pre class="codearea"><code class="<span style="color: #6aa84f;">prettyprint</span>">
...<span style="color: #0b5394;">YOUR_CODE_HERE</span>...
</code></pre>
<b>Selecting Styles:</b><br />
<br />
If you don't like the default skin, there are 4 other styles you can choose from (<a href="http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html" target="_blank"><b>Available here</b></a>): <br />
<pre class="codearea"><script codearea2="" src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js<span style="color: #6aa84f;">?lang=css&amp;skin=</span><span style="color: #3d85c6;">SKIN_NAME</span>></script></pre>
To select a different skin, change <span style="color: #3d85c6;">SKIN_NAME</span> in the code above with the actual skin name. Available skins include: <i>doxy, sons-of-obsidian, sunburst</i> and <i>desert</i>.<br />
<br />
<h3 style="border-bottom: 1px solid black; font-size: 26px; width: 270px;">
Using Highlight.js</h3>
<br />
Just like Prettify, highlight.js is another great syntax highlighter for the web that you can use to make your code look beautiful. Plus, it offers a lot of styles to choose from. To use highlight.js, add the following code before the closing <span style="color: #6aa84f;"></head></span> tag in your template.<br />
<pre class="codearea"><link href="http://yandex.st/highlightjs/8.0/styles/<span style="color: #3d85c6;">default.min.css</span>" rel="stylesheet"></link>
<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>
<script><span style="color: #38761d;">hljs.initHighlightingOnLoadundefined);</span></script></pre>
<b>Marking code sections:</b><br />
<br />
Using the code above will highlight all code you display within <br />
<pre><code></code></pre>
tags in your post <span style="color: #454545; font-size: 11px; font-weight: bold;"><br />
<pre><code><br />
...<br />
</code></pre><br />
</span><br />
<br />
<b>Selecting Styles:</b><br />
<br />
You can select from 44 different styles. For available style names look into the highlight.js <a href="https://github.com/isagalaev/highlight.js/tree/master/src/styles" target="_blank">styles directory</a> (don't forget to add ".min" before ".css").<br />
<br />
Once you have selected a style, here's how you can apply it to the code:<br />
<br />
<pre class="codearea"><link href="http://yandex.st/highlightjs/8.0/styles/<span style="color: #3d85c6;">ascetic.min.css</span>" rel="stylesheet" type="text/css"></link></pre>
<br />
That's it! Your code should now look neat and standout from the text.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5253387292569090746.post-62795126405923699422014-01-27T09:09:00.001-08:002014-01-27T09:09:08.389-08:00Free Embeddable Forums for Blogger & How to Embed These ForumsIts always great to have a forum on your website. Forums offer visitors to return, interact, have discussions on topics of their interest and help each other - hence a great platform for building an online community. And in return, boost the overall value of the site.<br />
<br />
For users of blogger, there are only a couple of free options available for adding a forum to the site.<br />
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<img border="0" src="http://1.bp.blogspot.com/-VDTF7dXZSt4/UuaRK2IpfJI/AAAAAAAADA4/iwql-l7-qT0/s1600/forums.png" height="132" width="180" /></div>
<br />
<h3>
Nabble:</h3>
<br />
<a href="http://www.nabble.com/" target="_blank">Nabble.com</a>, available both in free and paid versions, offers a really simple forum with a neat layout and lots of useful option. Embedding it to your blogger/blogspot site is easy:<br />
<br />
<ol>
<li>Go to Nabble.com, click 'start a new forum' and fill in the details. Verify your account.</li>
<li>Create sub-forums by going to Options > Structure > Create <b>New Sub-Forum</b> (Make sure you're logged in).</li>
<li>Now for embedding, head over to Options > Embedding options.</li>
<img border="0" src="http://2.bp.blogspot.com/-t8nv_eSZ4ZM/UuaJZvhiq7I/AAAAAAAADAo/8OGpDFuiM_k/s1600/embbed-forum.png" />
<li>Copy the JavaScript code.</li>
<li>Finally, create a new page on your blog and paste the JavaScript code you copied in step 4 and paste it into the HTML editor mode there.</li>
<li>Publish your page.</li>
</ol>
That's it. You now have Nabble forum running on your blog.<br />
<br />
<h3>
Tal.ki:</h3>
<br />
<a href="http://www.tal.ki/" target="_blank">Tal.ki</a> by Lefora has been available for quite some time now. Like Nabble, it is also available as free and paid. The paid $5 version comes with no restrictions. However the free version is limited to 15 recent topics and 5 sub-forums. Tal.ki offers a seriously simple way of adding a forum to your website. Just paste the provided code to your page and suddenly the site has a fully functional forum embedded right there. You can load login with your Facebook, Google, blogger and a number of other accounts. The first person to login will become the admin.<br />
<br />
<img border="0" src="http://1.bp.blogspot.com/-Md7D-OXhooI/UuaIq46196I/AAAAAAAADAg/7MW0yQE4NVo/s1600/Image+4.png" height="125" width="580" /><br />
<br />
<h3>
Google Groups Forum</h3>
<br />
If you still have an active online community on Google Groups Forum, you can easily embed the forum on your blog. Simply head over to the HTML editor and add the following code:<br />
<br />
<pre class="codearea2"><iframe frameborder="0" height="700" width="100%" id="forum_embed" scrolling="no" src="https://groups.google.com/forum/embed/?place=forum/<span style="color: #3d85c6;">NAME_OF_FORUM</span>#!forum/<span style="color: #3d85c6;">NAME_OF_FORUM</span>"></pre>
<br />
Be sure to replace the 'NAME_OF_FORUM' with your actual forum's name on both places.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-18646157137140062722014-01-22T09:00:00.003-08:002014-07-25T23:56:58.000-07:00About Blogger Conditional Tags and How To Use Them ProperlyConditional tags provide us better control over our templates, allowing us to specify what part of our template appears only under certain conditions.<br />
<br />
You may wish to hide a widget or element on one page and display it on the other, need to remove the sidebar on certain pages, or even display buttons on select pages. This is exactly where conditional tags come into play. There are a number of tags available for blogger which, if applied correctly, will help you modify elements of your template.<img src="http://3.bp.blogspot.com/-AAfu96pjtM0/Ut_3n4nMAhI/AAAAAAAADAQ/-BoyVEPt14Y/s1600/blogger-conditional-tags.png" height="117" style="float: right;" width="150" /><br />
<h3>List of conditional tags</h3>The following are a select few conditional tags you'll require the most:<br />
<ol class="thelist"><li>Homepage:</li>
<pre><b:if cond='data:blog.url == data:blog.homepageUrl'></pre><li>First post:</li>
For targeting the first post on multi-post pages. <pre><b:if cond='data:post.isFirstPost'></pre><li>Specific page/URL:</li>
<pre><b:if cond='data:blog.url == "ENTER_URL_HERE"'></pre><li>Posts (item):</li>
<pre><b:if cond='data:blog.pageType == "item"'></pre><li>Static pages:</li>
<pre><b:if cond='data:blog.pageType == "static_page"'></pre><li>Index pages (includes homepage, label pages and archive pages):</li>
<pre><b:if cond='data:blog.pageType == "index"'></pre><li>Archive pages:</li>
<pre><b:if cond='data:blog.pageType == "archive"'></pre><li>Posts and static pages:</li>
<pre><b:if cond='data:blog.url == data:post.url'></pre><li>Label-search pages:</li>
<pre><b:if cond='data:blog.searchLabel'></pre><li>404 Error Page:</li>
<pre><b:if cond='data:blog.pageType == "ERROR_PAGE"'></pre><li>Mobile Pages:</li>
<pre><b:if cond='data:blog.pageType == "data:blog.isMobile"'></pre></ol><h3>How to Use conditional tags</h3><br />
Using conditional tags is simple. Each tag needs to be closed with a closing <b></b:if></b> tag. All you have to do is select the suitable tag and place the content between the opening and the closing tag like this: <br />
<pre class="codearea2"><b:if cond='THE_CONDITION_GOES_HERE'>
...
</b:if></pre>For Example:<br />
You need to display the content only on Index Pages (homepage, archives and labels page). The following tag will be applied:<br />
<pre class="codearea2"><b:if cond='data:blog.pageType == "index"'>
...ENTER CONTENT HERE...
</b:if>
</pre>The double equals " <span style="color: #3d85c6;">==</span> " actually means <span style="color: #3d85c6;">TRUE</span>. You can change the condition to <span style="color: #cc0000;">FALSE</span>, then just replace the first equal with an exclamation sign: " <span style="color: #cc0000;">!</span>= ".<br />
<br />
<h5 style="color: black; font: bold 16px arial;">Reversing a Condition:</h5><br />
Example:<br />
<pre class="codearea2"><b:if cond='data:blog.pageType <span style="color: #cc0000;">!</span>= "index"'>
... THE CONTENT ...
</b:if>
</pre>In the example above, the content will show up on all pages other than "index" pages.<br />
<br />
<h4 style="color: black; font: bold 16px arial;">The ELSE Statement <b:else/>:</h4>In case you need to display alternate content, insert a <b:else/> tag like this: <br />
<pre class="codearea2"><b:if cond='data:blog.pageType == "index"'>
<span style="margin-left: 10px;">...Content 1...</span>
<span style="margin-left: 40px;"><b:else/></span>
<span style="margin-left: 10px;">...Content 2...</span>
</b:if>
</pre>In the example above "Content 1" will only appear on Index Pages (homepage, archives and labels page), and if its not an Index Page, "Content 2" will be displayed.<br />
<br />
<h4 style="color: black; font: bold 16px arial; margin: 0">Combining Conditions Together:</h4><pre class="codearea2"><b:if cond='data:blog.pageType == "item"'>
<span style="margin-left: 10px;"><b:if cond='data:blog.url != "URL_OF_POST_TO_EXEMPT"'></span>
<span style="margin-left: 40px;">...ENTER CONTENT HERE...</span>
<span style="margin-left: 10px;"></b:if></span>
</b:if>
</pre>Finally, in the example above, the content will show up on all posts except a certain URL/Post specified.Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-5253387292569090746.post-89598520542172432812014-01-20T04:26:00.000-08:002014-01-22T09:19:33.150-08:00How to Add Adsense Ads After First Post On Blogger Homepage<div class="separator" style="float: right;"><img border="0" src="http://4.bp.blogspot.com/-ROrnQHGwPEY/Ut0VoFrL6RI/AAAAAAAADAA/uuVwHUde5AI/s1600/google-ads.png" /></div>Displaying Adsense or other ads on blogger is as simple as adding it to WordPress or other blogging platforms. You just copy and paste the code on to the template. But adding it precisely where and how you wan't it can sometimes be tricky and may not display as desired. This is exactly where blogger conditional tags come in handy. They provide us better control over our widgets and other elements.<br />
<br />
Among the several conditional tags available for blogger, one is specifically written to target the first post - a good position for displaying ads. And here's how you too can insert Adsense after the first post on your blogger blog:<br />
<br />
<b>The Steps:</b><br />
<ol><li>Login to Blogger Dashboard</li>
<li>Go to Template > Edit HTML</li>
<li>Find this line of code in your template</li>
<pre class="codearea"><b:include data="post" name="post">
</pre><li>Add the following code just below the code above</li>
<pre class="codearea"><b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
<div style="padding: 5px 0;"><span style="color: blue;">---- Replace this line with your Adsense Code -----</span>
</div></b:if>
</b:if>
</pre><li>Finally grab a suitable Adsense unit, <a href="http://techmarshal.blogspot.com/p/online-html-escape-tool-parser-encoder.html" target="_blank">parse it</a> and add it to the code above</li>
</ol><br />
That's it. You can now monitor the newly added ad unit for clicks.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-69774348139062563292014-01-19T21:53:00.000-08:002014-01-19T22:43:51.479-08:00Fix the "Blogger Images Not Uploading" Problem<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<img border="0" src="http://3.bp.blogspot.com/-ody5IWek0_E/Uty3-lTR3vI/AAAAAAAAC_o/EVpD9ixTvxs/s1600/image-uploading.png" style="text-align: right;" /></div>
Blogger offers a simple option for adding images to your posts. One can simply click the image icon above the post editor and choose from the various options to insert an image or upload it from the system itself. Occasionally one may experience problems with the uploading of images which may be due to one of several reasons. I too recently have had problems uploading images to this blog and got it working after deleting my cache. If you too are having this problem, here are couple of things you should try in this case:<br />
<br />
<b>Clear Browser's Cache:</b><br />
Start by clearing your browser's cache. Many browser related problems including pages that freeze, don't finish loading, or contain old content can be fixed by clearing your cache.<br />
<div>
<br />
<b>Disable Plugins:</b><br />
Disable any Plugins/Extensions on your browser. Plugins may cause incompatibilities with the post editor.</div>
<div>
<br />
<b>Enable Popups:</b><br />
Enable popup on your browser or add an exception to blogger.com on your popup blocker. Sometimes popup blockers will prevent the image upload window from appearing.</div>
<div>
<br />
<b>Enable 3rd Party Cookies:</b><br />
Make sure all 3rd Party Cookies are enabled in your browser.</div>
<div>
<br />
<b>Restart your browser:</b><br />
Once you have tried the above three steps, you may also wan't to try and restart your browser.</div>
<div>
<br />
<b>Try a different browser:</b><br />
Sometimes changing your browser may do the job for you. If you are using Chrome, try Firefox, IE or Opera.</div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5253387292569090746.post-34448388681244894892013-12-24T01:06:00.001-08:002013-12-24T06:37:50.625-08:0033 Best Free Blogger Templates With Image Slider Image sliders are great for corporate sites that display the company's services, sites promoting a particular product or service and even for blogs that display featured content. Among the many templates that come integrated with sliders here are some of the very best ones that you'll find for blogger.<br />
<br />
<h3 class="custom-h3">
Backlight:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-IrFxoibtmKs/Urk2FIAJxvI/AAAAAAAAC7I/JgD1AGKxNGU/s1600/black-light-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://blacklight-bloggertheme9.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="https://www.box.com/s/ywt9yd9tt8lj4s76pzxk" rel="nofollow" target="_blank">Download</a><br />
<br />
<a name='more'></a><br />
<br />
<h3 class="custom-h3">
Coopret:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-jjJCjh00pC0/Urk2WEjKLVI/AAAAAAAAC7Q/m-yXp04NhrA/s1600/coopret-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://koopret.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="https://sellfy.com/p/LWJp/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Covenant:</h3>
Thumbnail based image slider.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-EldtG6yD5PE/Urk2cOAr1ZI/AAAAAAAAC7Y/z5fJ_xsmCR0/s1600/covenant-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/covenant-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/41" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Creative Press:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-paKSErYpoLM/Urk2lNh3deI/AAAAAAAAC7g/-CrkKYaBCdA/s1600/creative-press-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://btemplates.com/2013/blogger-template-creativepress/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2013/blogger-template-creativepress/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Future X:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-mTteXUZ_4Eo/Urk2rist8NI/AAAAAAAAC7o/J5X8bZhpJSQ/s1600/future-x-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://www.bestbloggertemplates.net/2011/08/future-x-professional-blogger-template.html" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://besttheme.net/download/Future-X.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Insomnia:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-SSV8p6uGyT8/Urk2w3jr60I/AAAAAAAAC7w/3nTkEds6GzY/s1600/insomnia-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://insomnia-srtemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.soratemplates.com/2012/08/insomnia-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Kent:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-4xul-cj35E8/Urk21t3KsSI/AAAAAAAAC74/Pe61Olt08sM/s1600/kent-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://kent-nbt.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/82" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Kontify:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-PhrpObs5hUc/Urk25ylPmoI/AAAAAAAAC8A/Q5miLQFcTzw/s1600/kontify-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://demo.templateify.com/?theme=Kontify" rel="nofollow" target="_blank">Demo/Download</a><br />
<br />
<h3 class="custom-h3">
Lantern:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-xM1h2zO6uj8/Urk2-d4eFlI/AAAAAAAAC8I/QlAZqaP5go8/s1600/lantern-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/lantern-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/30" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Monaco:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-Xs4IeZ-2FB4/Urk3Evxo6qI/AAAAAAAAC8Q/JWvlwTZmYck/s1600/monaco-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/monaco-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/31" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Mondo:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-72e8VFlw6EA/Urk3JsH4KnI/AAAAAAAAC8Y/dUX01OtKLm8/s1600/mondo-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://mondo-btemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.premiumbloggertemplates.com/mondo-premium-blogger-template/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Montric:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-N_zb9QvdCLY/Urk3Os41X0I/AAAAAAAAC8g/_CRA5Os8ptg/s1600/montric-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://montric.templateify.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.templateify.com/2013/09/montric-magazine-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Norma:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-zJB5y4QU6R0/Urk3UjuN78I/AAAAAAAAC8o/fydrDok0EJE/s1600/norma-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://btemplates.com/2013/blogger-template-norma/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2013/blogger-template-norma/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Relief:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-IoFuqqAlqC0/Urk3aFFBnfI/AAAAAAAAC8w/ZNv_lEtORFg/s1600/relief-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://www.premiumbloggertemplates.com/relief-blogger-template/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.premiumbloggertemplates.com/downloads/relief/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Replay:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-2uZa37eWbNk/Urk3f3ERHCI/AAAAAAAAC84/IpOCZtVzJ20/s1600/replay-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://www.soratemplates.com/2012/10/replay-blogger-template.html" rel="nofollow" target="_blank">Download</a><a class="tempdemo" href="http://replay-soratemplates.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">
Sentify:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-_-A8zQ1w-Gg/Urk3mWw3H3I/AAAAAAAAC9A/h_6YJT15y9g/s1600/sentify-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://sentify.templateify.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.templateify.com/2013/10/sentify-responsive-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Selene:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-ZRE8YPlEUHY/Urk3vOPVoCI/AAAAAAAAC9I/0IASpywr48Q/s1600/selene-blogger-template-free.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/selene-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/33" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Sight (Responsive):</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-zVNAzzSBiFk/Urk317bcPHI/AAAAAAAAC9Q/zrlWGt6vZ1o/s1600/sight-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://sight-soratemplates.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.soratemplates.com/2013/06/sight-responsive-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Uturn:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-1tl-iJS4oKk/Urk37wkFy-I/AAAAAAAAC9Y/RnbP1Gk7Dy4/s1600/uturn-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/uturn-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/85" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Valor:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-T33tatDAAtw/Urk4AnS6ijI/AAAAAAAAC9g/HPxgCqIpoSM/s1600/valor-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://valor-nbt.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/28" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Yorkshire:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-4j7PmK1ekoY/Urk4ii-SSSI/AAAAAAAAC9s/eFJoHcdkvyc/s1600/yorkshire-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://yorkshire-theme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/yorkshire-blogger-template/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Quiddy:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-I8NxXM9T5iU/Urk4p1qo7SI/AAAAAAAAC90/4V78tM_-Mec/s1600/quiddy-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://www.bloggertemplatestore.com/quiddy-blogger-theme-demo" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://bloggertemplatestore.com/downloads/quiddy.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
London Creative:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-GG0nS9fFH_Q/Urk4ukvf29I/AAAAAAAAC98/HzbLAeJO-fc/s1600/london-creative-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://london-creative.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.soratemplates.com/2012/07/london-creative-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Brand Mag UX:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-ipLZnf5WkzI/Urk44Jamk9I/AAAAAAAAC-E/Gjfqx8vg81k/s1600/branding-mag-ux-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://www.bloggertemplatestore.com/free-premium-brand-mag-ux-blogger-templates-demo" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/brandmag-blogger-template.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Gameport:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://2.bp.blogspot.com/-FQMF4CPyTHE/Urk48m9f1RI/AAAAAAAAC-M/vfQfC1S7hBk/s1600/gameport-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://gameport-coolbthemes.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.box.com/s/db946236ac813805d25d" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Simple Corp:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-_V52RkOxR0c/Urk5CwsyNvI/AAAAAAAAC-U/fydGNf3cBCQ/s1600/simple-corp-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/simplecorp-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/download/87" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Education Zone (Responsive):</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-2rXya-awbEA/Urk5KTcAULI/AAAAAAAAC-c/kTYW6wgnOfI/s1600/education-zone-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://www.bloggertemplatestore.com/blogger-template-education-zone-demo-page" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://bloggertemplatestore.com/downloads/clippy.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Fizz (Responsive):</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-CqMrXiZ21VI/Urk5PTYGigI/AAAAAAAAC-k/p40DE-LR_SE/s1600/fizz-blogger-theme-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://fizz-theme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="https://app.box.com/s/2y1x3n7ok7yba1iuomul" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Photo Therapy:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-NqoCSFlkk-U/Urk5Y1kC-mI/AAAAAAAAC-s/PpkGVa34k7w/s1600/photo-therapy-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://www.bloggertemplatestore.com/phototherapy-blogger-template-demo" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://bloggertemplatestore.com/downloads/phototherapy.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
MasterChef:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-Mbvavz78cIY/Urk5fTe_gRI/AAAAAAAAC-0/MFX6Q1I7aPA/s1600/master-chef-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://www.blogger.com/masterchef-fbt.blogspot.com" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="https://www.box.com/s/0qtjf0fbkmzwi6yl75yg" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Geeklines:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://3.bp.blogspot.com/-FWfRm_Ay4YI/Urk5l167BNI/AAAAAAAAC-8/RSOhlXaUGAU/s1600/geeklines-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://geek-line-blogger.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://bloggertemplatestore.com/downloads/geeklines.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
RedHood (Responsive):</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://4.bp.blogspot.com/-RCu_lLheckg/Urk5rbxR70I/AAAAAAAAC_E/IAo75Idk5sY/s1600/redhood-portfolio-theme-blogger.jpg" /></div>
<a class="tempdemo" href="http://rdesigntheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://templateism.com/blogger-templates/RedHood-Portfolio-Framework.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">
Pilgrim:</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="post-img" src="http://1.bp.blogspot.com/-pi1FWwoSZKU/Urk5xAJ9EeI/AAAAAAAAC_M/I5X1bzJEFjI/s1600/pilgrim-blogger-template.jpg" /></div>
<a class="tempdemo" href="http://newbloggerthemes.com/download/59" rel="nofollow" target="_blank">Download</a><a class="tempdemo" href="http://newbloggerthemes.com/pilgrim-blogger-template/demo/" rel="nofollow" target="_blank">Demo</a>Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-5253387292569090746.post-80579872268833290582013-12-21T04:02:00.003-08:002015-01-11T10:18:18.871-08:0021 Best Free Clean White Blogger Templates To DownloadWhile many of us like fancy colored and bright templates, there are others that like plain and clean minimalist designs, especially when running a personal blog. The following templates are some of the best templates available for blogger that you can download for your blogs. Most of these are two column simple templates with minimalist designs.<br />
<br />
<h3 class="custom-h3">1. The Writer:</h3><br />
The Writer Template is an elegant white blogger template with a simple, one column layout. It is fully responsive and adjusts perfectly on all screen sizes. If you're a writer, journalist or a even a blogger with a liking for plain and simple design, this template is for you.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-6oukzT4X00I/VLK7g74-grI/AAAAAAAADpw/DSSh34LSwp4/s1600/the-writer-template.jpg" /></div><br />
<a class="tempdemo" href="http://www.thewritertemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://helparchive.blogspot.com/2014/12/the-writer-neat-and-simple-responsive-template.html" rel="nofollow" target="_blank">Details</a><br />
<br />
<h3 class="custom-h3">2. Wondrous:</h3><br />
'Wondrous' is a beautifully designed responsive blogger template with a simple one column layout.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-edH2pgcc3bA/VLK8_w0m4HI/AAAAAAAADp8/XIohTazJGgY/s1600/wondrous-blogger-template.jpg" /></div><br />
<a class="tempdemo" href="http://wondroustemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://helparchive.blogspot.com/2014/12/wondrous-simple-responsive-blogger.html" rel="nofollow" target="_blank">Details</a><br />
<br />
<h3 class="custom-h3">3. BorneoBooks:</h3><br />
BorneoBooks template developed by Borneo Templates, is a plain white blogger template with no sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-zC9EaUqq-js/UrVsMP04DJI/AAAAAAAAC3o/_i9WGpYGJYo/s1600/borneobooks-blogger-template-white.jpg" /></div><br />
<a class="tempdemo" href="http://borneo-books.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.box.com/s/ymcjiy5c8k66vt8t3qta" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">4. MBL Avada:</h3><br />
Avada is the hottest selling wordpress template on Themeforest. MBL Avada is a clean wordpress converted blogger template that mimics the look of the original avada template. Features a two column layout with a right sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-Rp4ZAYdnKl0/UrV-cdG7IXI/AAAAAAAAC6s/ls230upFQNI/s1600/avada-blogger-template-download.jpg" /></div><br />
<a class="tempdemo" href="http://avada-mbl.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.templateism.com/2012/12/avada-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">5. The Journalist:</h3><br />
'The Journalist' is a simple blogger template built on the bootstrap framework. It features a fully responsive two column layout that adjusts perfectly to all screen sizes. It comes pre-installed with a related posts and social sharing widget. It is ideal for journalists, writers and bloggers.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-jGaNuc_6Ty0/VA33Psyu6sI/AAAAAAAADYs/0BzFzq6v_lQ/s1600/blogger-journalist-theme.png" /></div><br />
<a class="tempdemo" href="http://the-journalist-template.blogspot.com/" target="_blank">Demo</a><a class="tempdemo" href="http://techmarshal.blogspot.com/2014/09/the-journalist-simple-responsive-blogger-template.html" target="_blank">Source</a><br />
<br />
<h3 class="custom-h3">6. Super Clean:</h3><br />
Super clean is an ideal blogger theme for business sites. It features a slider on home page.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/--vuPWHfBZnU/UrWCCbyVBXI/AAAAAAAAC64/ylxtp8JcAdg/s1600/super-clean-blogger-template.jpg" /></div><br />
<a class="tempdemo" href="http://btemplates.com/2011/blogger-template-super-clean/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2011/blogger-template-super-clean/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">7. Galauness:</h3><br />
Another great template for those eager for a clean, elegant, and minimalist look. It features a magazine style template and comes with a two column layout with a left sidebar on posts.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-zQ9DysW31wE/UrVtRjOI8iI/AAAAAAAAC4I/GjgTtf2Zyrw/s1600/galauness-blogger-template-free.jpg" /></div><br />
<a class="tempdemo" href="http://galauness-btemplates.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2013/blogger-template-galauness/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">8. Lock Heart:</h3><br />
Lock Heart is a neat, two column template. It features minimalist layout with a left sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-omHvnGze4UQ/UrVtbym0eTI/AAAAAAAAC4Q/77KdIsklbvQ/s1600/lock-heart-blogger.jpg" /></div><br />
<a class="tempdemo" href="http://btemplates.com/2011/blogger-template-lock-heart/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2011/blogger-template-lock-heart/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">9. LUGAS:</h3><br />
A clean and full width blogger with magazine style layout for home page. It features a right sidebar and integrated recommended post widget below pages.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-82U1Jgir6I4/UrVxJnpEkBI/AAAAAAAAC58/Wi0XsZNzmpw/s1600/lugas-blogger-theme.jpg" /></div><br />
<a class="tempdemo" href="http://thelugastemplate.blogspot.ie/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.bestbloggertemplates.net/2012/06/lugas-photography-gallery-blogger.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">10. Google Plus:</h3><br />
As the name suggest, this template imitated the Google Plus layout as it was released initially. The template has a three column layout with the post area in the center and sidebars on both sides and available across the site.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-rbyUUNOZrLQ/UrVt7WlfYXI/AAAAAAAAC4Y/acyvcvlGvQk/s1600/google-plus-template.jpg" /></div><br />
<a class="tempdemo" href="http://google-plus-blogger-template.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.bestbloggertemplates.net/2012/03/google-plus-design-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">11. Prosume:</h3><br />
Promuse is a responsive, clean white template by 'New Blogger Themes'. It features a two column design with the sidebar on the left.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-dINHxZV_vNA/UrVuGJFIbiI/AAAAAAAAC4g/18-N31B3nb0/s1600/prosume-blogger-template-white.jpg" /></div><br />
<a class="tempdemo" href="http://prosume-theme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://newbloggerthemes.com/prosume-blogger-template/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">12. Alluring:</h3><br />
Alluring is another 2 column theme with a neat look.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-qea1CiVbB5s/UrVuUY2Q-NI/AAAAAAAAC4o/4efqD9jxrf0/s1600/alluring-theme-blogger.jpg" /></div><br />
<a class="tempdemo" href="http://alluringtheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.seobloggertemplates.com/2013/05/alluring-blogger-templates.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">13. Personal:</h3><br />
Personal is a plain white and black template with a minimalist design. It does not include any sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-8lQb8vis4hA/UrVxmwSLzNI/AAAAAAAAC6E/REmG4ZMzWrM/s1600/personal-blogger-theme.jpg" /></div><br />
<a class="tempdemo" href="http://ddn-personal.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://webdesigntunes.com/download/personal.zip" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">14. Bright:</h3><br />
Bright is one of the neatest template you'll come across for blogger. It is somewhat similar to the twenty twelve WordPress template.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-cdCJ3_8Db4s/UrV7nNrcQiI/AAAAAAAAC6g/I0XMJ_BhCBk/s1600/bright-for-SEO-blogger-template-white.jpg" /></div><br />
<a class="tempdemo" href="http://brightemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.mediafire.com/download/all59rqpv7hk90p/the_bright_template-%5BUnderground404.blogspot.com%5D.xml" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">15. Rubal Saggu:</h3><br />
Rubal Saggu is a unique template designed by 'creativebloggingideas'. It features a multicolored right sidebar accessible accross the site.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-yCwcErzhcgE/UrVvAYPIFrI/AAAAAAAAC44/1Xjzs-OPHyA/s1600/rubal-saggu-blogspot-theme.jpg" /></div><br />
<a class="tempdemo" href="http://btemplates.com/2011/blogger-template-rubal-saggu/demo/" rel="nofollow" target="_blank">Demo/Download</a><br />
<br />
<h3 class="custom-h3">16. Classic:</h3><br />
Another simple blogger theme with the sidebar on the left. This template is designed by 'Dzignine'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/--DEcFNMfR7k/UrVvKfCoWoI/AAAAAAAAC5A/ZPED6WJFzeI/s1600/classic-blogger-template.jpg" /></div><br />
<a class="tempdemo" href="http://demo.dhetemplate.com/2011/07/clasic-blogger-template.html" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://download.dhetemplate.com/2011/07/clasic-blogger-template.html" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">17. Esquire:</h3><br />
A timeline style elegant and bold theme converted from WordPress to blogger.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-q1bL-jfa2Ek/UrV6HRujYQI/AAAAAAAAC6U/CeGOX9uBgHI/s1600/esquire-blogger-theme.jpg" /></div><br />
<a class="tempdemo" href="http://btemplates.com/2012/blogger-template-esquire/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/download/4261/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">18. Simple Clean White:</h3><br />
Appropriately named, this theme features a neat and clean Adsense ready design with a right sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-gcES8_c_jos/UrVviPHQoDI/AAAAAAAAC5I/HoYXADHuUa8/s1600/simple-clean-white-blogger.jpg" /></div><br />
<a class="tempdemo" href="http://btemplates.com/2012/blogger-template-simple-clean-white/demo/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://btemplates.com/2012/blogger-template-simple-clean-white/" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">19. QUO Template:</h3><br />
Yet another clean 2 column black and white template.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-5Dg-luP48zg/UrVvp5qiLHI/AAAAAAAAC5Q/6bF4GoX_sHE/s1600/quo-blogger-theme.jpg" /></div><br />
<a class="tempdemo" href="http://quo-template.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://dl.dropbox.com/u/647003/CiudadBlogger/Plantillas/Quo.rar" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">20. Portfolio:</h3><br />
Lovely Portfolio is a neat magazine style template for blogger with a right sidebar. It is ideal for portfolios and photography blogs.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-nkkwoGW2db4/UrVvyRjJE5I/AAAAAAAAC5Y/YZ3qLkxK7xs/s1600/lovely-portfolio-template-blogger.jpg" /></div><br />
<a class="tempdemo" href="http://portfolio-demo-theme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.lovelytemplates.com/viewdemo/Portfolio" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">21. Queen:</h3><br />
Queen is a magazine style, single column theme with no sidebar. If you are running a photography or portfolio site, this one could be ideal for you.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-227k-LVyM80/UrVv6kSzDXI/AAAAAAAAC5g/C8ta6uYKCvE/s1600/queen-blogger-theme-free.jpg" /></div><br />
<a class="tempdemo" href="http://www.lovelytemplates.com/viewdemo/Queen" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.lovelytemplates.com/blogger-template/queen" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">22. Super SEO:</h3><br />
Super SEO by 'Lovely Templates' is yet another neat two column theme with integrated related post and social share widgets.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-XUXbQ0XAC30/UrVwEum8_mI/AAAAAAAAC5o/vMBdcE6mW-M/s1600/super-SEO-template-blogspot.jpg" /></div><br />
<a class="tempdemo" href="http://www.lovelytemplates.com/viewdemo/Super%20SEO" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.lovelytemplates.com/blogger-template/super-seo" rel="nofollow" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">23. Yaminth:</h3><br />
Yaminth blogger theme comes with a featured post slider on homepage. It features a two column layout with right sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-h03_nDPUS0k/UrVwNr7dIHI/AAAAAAAAC5w/M3Q3tA2W6Js/s1600/yaminth-theme-blogger-free.jpg" /></div><br />
<a class="tempdemo" href="http://www.lovelytemplates.com/viewdemo/Yaminth" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://www.lovelytemplates.com/blogger-template/yaminth" rel="nofollow" target="_blank">Download</a>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-5253387292569090746.post-12884007113680617132013-12-14T12:14:00.000-08:002013-12-24T06:38:53.851-08:00More Free Responsive Blogger Templates (The Best Ones)In the previous post, I've covered some really nice blogger templates that are responsive, totally free and well designed by some of the talented theme devs out there. While there is no shortage of professionally designed paid templates at sites like theme forest, there aren't many properly designed free responsive ones available - at least not to date.<br />
<br />
Amongst the new responsive blogger templates that I found and tested, the following ten are some of the best ones you can choose from for your blog:<br />
<br />
<h3 class="custom-h3">01. Zikazev Blue / Zikazev Simple Gray</h3><br />
Available in blue and gray, the Zikazev template features a right side bar with recent comment and popular post widgets. It also comes integrated with social sharing icons and a thumbnail based related post plugin.<br />
<br />
<img border="0" src="http://3.bp.blogspot.com/-Da6qQ0p81Fk/Uqy4kz0S1NI/AAAAAAAAC2I/decJ8lfhxNo/s1600/zikazev.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="http://blog.kangismet.net/2013/07/zikazev-blue-responsive-blogger-template.html" rel="nofollow" target="_blank">Zikazev Blue</a><a class="tempdemo" href="http://www.blogger.com/zikazevblue.blogspot.com" rel="nofollow" target="_blank">Demo</a><a class="tempdemo" href="http://blog.kangismet.net/2013/07/zikazev-simple-gray-free-responsive-blogger-template.html" rel="nofollow" target="_blank">Zikazev Grey</a><a class="tempdemo" href="http://www.blogger.com/zikazev-simple-gray.blogspot.com" rel="nofollow" target="_blank">Demo</a><br />
<a name='more'></a><br />
<br />
<h3 class="custom-h3">02. Fame Mag</h3><br />
<img border="0" src="http://3.bp.blogspot.com/-tSPGccfe8L4/Uqy5gQo8LkI/AAAAAAAAC2U/bR-tuumh_lw/s1600/fame-mag.jpg" style="float: left;" />FameMag is a minimalist multi-purpose responsive blogger template by 'Blogger Items'. Contrary to the single one page long post that you have on most blogs, your posts on Fame Mage are split in two parallel sections, aligned vertically ||. You can use it for writing a personal blog or even on a magazine website (tech, travel, fashion etc).<br />
<br />
It also includes a large top email subscription bar and a slider on the homepage.<br />
<br />
<a class="tempdemo" href="http://bloggeritems.com/templates/famemag-minimalist-blogger-template-for-news-magazine" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://famemagdemo.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">03. ShotMag</h3><br />
<img border="0" src="http://2.bp.blogspot.com/-hIZx4Hm8QV8/Uqy6GXMkDGI/AAAAAAAAC2c/cD5xRQaLiHU/s1600/shotmag.jpg" style="float: left;" />ShotMag is another good responsive template developed by 'Blogger Items'. It features a clean and beautiful design for all screen sizes. It can be used if you are running a small business site or a blog for tourists, bloggers, filmmakers, photographers etc. You can easily create, update and modify your online portfolio.<br />
<br />
<a class="tempdemo" href="http://bloggeritems.com/templates/shotmag-minimalist-blogger-template-for-photoblog" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://shotmagtemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">04. Easy News</h3><br />
Planning on running a news site? If so, this is one of the best clean, flexible and fully responsive free Blogger template you can find for your news site. Easy News features a magazine style layout with all posts displayed in different sections of your home page based on post tags.<br />
<br />
<img border="0" src="http://3.bp.blogspot.com/-zNgRLcLj4qI/Uqy6VOTKz1I/AAAAAAAAC2k/7FIM1nQ9sow/s1600/easy-news.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="http://bloggeritems.com/templates/easy-news-responsive-magazine-blogger-template/" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://easynewstemplate.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">05. Responsive Templates</h3><br />
Yes!, this is exactly the name of the template. Developed by 'Burneo Templates', Responsive Templates has an elegant, clean and minimalist design. It features a 3 column layout with two sidebars (Left and Right) with the post area in the middle. The menu and search bar are positioned right above the header.<br />
<br />
<img border="0" src="http://3.bp.blogspot.com/-Hi9KoxcPmu8/Uqy61bMYqTI/AAAAAAAAC2s/5t4YcvJ3iNE/s1600/responsive-templates.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="https://www.box.com/s/x1i6e0r6nny4pi7fz6id" rel="nofollow" target="_blank">Download</a><a class="tempdemo" href="http://www.responsive-templates.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">06. Blogholic</h3><br />
Blogholic is another excellent template by 'Burneo Templates'. You can use it for your technology or even a personal blog. It features a simple two column layout with the post area on the left and a right sidebar. The logo, search bar and menu are all positioned withing the header.<br />
<br />
<img border="0" src="http://1.bp.blogspot.com/-Cl0rsNsk_Y4/Uqy7D0OeceI/AAAAAAAAC20/wppL34hBI2o/s1600/blogholic.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="https://www.box.com/s/kbzt0h41rw9xk3wfawg9" rel="nofollow" target="_blank">Download</a><a class="tempdemo" href="http://blogholic-templates.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">07.Vortex</h3><br />
Developed by Templateism, Vortex is a full width, 100% responsive, magazine style template with a very unique design. A custom bar aligned left to the post area displays your site logo and any custom links that you wish to add. The menu is positioned on top of the post area. Apart from the layout, Vortex is Adsense ready and SEO friendly like most well designed templates.<br />
<br />
<img border="0" src="http://1.bp.blogspot.com/-IxkfGrVY_7E/Uqy7VoEMgaI/AAAAAAAAC28/9CnBg-U1VqU/s1600/vortex.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="http://www.templateism.com/2013/10/vortex-responsive-blogger-template.html" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://vortextheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">08. Redhood Portfolio</h3><br />
Redhood Portfolio is another excellent theme by Templateism. As the name suggests, the template is ideal for displaying your best portfolios in a modern way. It features a large touch friendly slider and widgets including Recent and Related posts. The template comes in a Reddish blue color scheme. If you're running a Photography or picture blog where you display your work, this is an excellent theme you can consider installing.<br />
<br />
<a class="tempdemo" href="http://www.templateism.com/2013/11/red-hood-portfolio-blogger-template.html" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://rdesigntheme.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-UDiHBzdlOeE/Uqy7b-SYBCI/AAAAAAAAC3E/5mwam1pX69c/s1600/redhood.jpg" width="580" /><br />
<br />
<h3 class="custom-h3">09. vCard</h3><br />
vCard is a professional and personal CV template designed specifically for personal information, resume and portfolio. The colorful theme is fully responsive and will adjust perfectly on all standard devices. So if you're looking for a template to display your CV or portfolio, vCard is among the best blogger template you'll come accross.<br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-SkSK_UihxB8/Uqy7kS1C3tI/AAAAAAAAC3M/SHPe7DzG2uI/s1600/vcard.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="http://www.templateism.com/2013/11/vcard-responsive-blogger-template.html" rel="nofollow" target="_blank">Source</a><a class="tempdemo" href="http://vcardthemes.blogspot.com/" rel="nofollow" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">10. DCM Dark</h3><br />
DCM Dark is a free premium responsive blogger template from 'BTemplates'. It features a gallery-style thumbnail based design with a 2 columns layout. Includes infinite scrolling, social bookmarking icons and well formatted threaded comments. Its an excellent layout for art, business, crafts, internet, news, a diary or photography blogs.<br />
<br />
<img border="0" src="http://4.bp.blogspot.com/-0uT0Lw9QLGc/Uqy7p5iCl7I/AAAAAAAAC3U/ZZRoK9Pp3tQ/s1600/dcm-dark.jpg" width="580" /><br />
<br />
<a class="tempdemo" href="http://btemplates.com/download/4702/" rel="nofollow" target="_blank">Download</a><a class="tempdemo" href="http://btemplates.com/2013/blogger-template-dcm-dark/demo/" rel="nofollow" target="_blank">Demo</a>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5253387292569090746.post-23337617037618074282013-02-13T23:59:00.001-08:002015-01-11T09:57:06.943-08:0017 Best Responsive Blogger Templates to Download for your BlogAs more and more people access the web using a wide array of mobile devices, webmasters can choose between a responsive design or a mobile site. For sites that are just getting started, a responsive layout is the way to go and is Google's recommendation for serving content to both, desktop and mobile users.<br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-ZLEXPuarpj8/URyXxJUtE6I/AAAAAAAACvw/7q9feVQy9Ks/s200/blogger-responsive-templates.jpg" height="115" style="float: right;" width="150" />2013 is surely going to be the year where more and more sites move to a responsive layout. For blogger hosted blogs, a lot of free and premium responsive templates are already available and continue to be developed as the need increases. Here, I've listed some of the best free responsive templates for blogger that you can download for your sites and blogs.<br />
<br />
<h3 class="custom-h3">1. 3Columns Template:</h3><br />
3Columns is a fully responsive free Blogger template with a simple design that adjusts to the size of your device's screen. As the name implies, the template features a three column layout with the post area in the center.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-E5MVn5-dfDI/VLK4tMcuCRI/AAAAAAAADpk/oeoEq8ez8Xs/s1600/3-Columns.png" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://helparchive.blogspot.com/2014/12/3-columns-free-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://3columns-preview.blogspot.com/" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">2. Main Photo:</h3><br />
A neat and customizable responsive template. If you run a photography or gallery blog, this template may suite your needs. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-sFyfeteXK08/URtawlzD5TI/AAAAAAAACuA/5Qg-hDZFTd0/s640/main-photo-template.jpg" height="441" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.main-blogger.com/2012/12/main-photo-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://mainphoto-mainblogger.blogspot.com/?m=1" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">3. Chronicl:</h3><br />
A clean Blogger template adapted from WordPress. This responsive blogspot theme was converted by blogtipsntricks.<br />
<br />
<img border="0" src="http://4.bp.blogspot.com/-Ihr3fnyAb3c/URtaqs7Pe7I/AAAAAAAACs4/rY_CLtOn5uY/s640/chronicl.jpg" height="354" width="640" /><br />
<br />
<a rel="nofollow" class="tempdemo" href="http://chronicl-blogger-template.blogspot.in/" target="_blank">Demo</a><br />
<a rel="nofollow" class="tempdemo" href="http://www.mediafire.com/?m982uex1admxt21" target="_blank">Download</a><br />
<br />
<h3 class="custom-h3">4. Responsival:</h3><br />
<img border="0" src="http://2.bp.blogspot.com/-TBaDafSZgVs/URteu-pp9DI/AAAAAAAACvA/bjsfYFXlB_I/s640/responsival-blogger-theme.jpg" height="438" width="640" /><br />
<br />
Based on fluid designs that adjust to screen sizes up to 1400px wide, Responsival is a popular, super clean, minimalistic template by fiveforblogger.<br />
<br />
<a rel="nofollow" class="tempdemo" href="http://www.fiveforblogger.com/2012/03/responsival-responsive-blogger-template.html" target="_blank">Responsival Theme Source</a><a rel="nofollow" class="tempdemo" href="http://responsival-demo.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">5. Elite Minima:</h3><br />
Elite Minima brings pure minimal, responsive design with template designer support.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-kSIqoSCUxvs/URtas8ZFVsI/AAAAAAAACtU/nU_n1zTO77o/s640/elite-minima.jpg" height="430" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.way2blogging.org/2012/02/free-premium-blogger-template-elite-minima.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://eliteminima-bloggertemplate.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">6. JPSTATION:</h3><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-elXwzGsty9s/URtavwoHsEI/AAAAAAAACt4/uyQhAAYbpA8/s640/jpstation.jpg" height="414" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/11/jpstation-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://jpstation-ivy.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">7. ExtraNews Blogger Template:</h3><br />
ExtraNews, as the name suggests is an ideal template for news and magazine blogs. It has a 2 column body, with 3 footer columns and 1 right sidebar. Comes in black, white, blue and grey colors and a top navigation menu. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-hIWdC8U6eK8/URtauWM3foI/AAAAAAAACtk/z8wVFwdGVQg/s640/extra-news.jpg" height="442" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/10/extranews-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/10/extranews-blogger-template.html" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">8. Sensational:</h3><br />
Sensational is a Responsive WordPress adapted blogger template. It features a three column layout with a very neat design, a responsive flex slider and more.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-VzVkqC86WDI/URtaxIRZG9I/AAAAAAAACuM/LVGL1Ef-G-k/s640/sensational.jpg" height="376" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.blogtipsntricks.com/2013/01/sensational-free-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://sensational-blogger-template.blogspot.in/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">9. DarkRed:</h3><br />
Unlike most simple white templates discussed here, DarkRed is a completely black template. It is ideal for gaming and movie sites. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-BAT4BOa_NlM/URtas1P9zjI/AAAAAAAACtQ/VVDH2DdbdcY/s640/darkred.jpg" height="436" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/11/darkred-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://darkred-ivy.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">10. CopyBlogger v2:</h3><br />
CopyBlogger v2 one is by blogtipsntricks. It imitates the style of the famous copyblogger.com. Give your site a profession look by installing this template.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-_E1up3iLW88/URtarweifYI/AAAAAAAACtI/zxeB21wQLRI/s640/copyblogger-v2-responsive-blogger-template.jpg" height="460" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.blogtipsntricks.com/2012/11/copyblogger-v2-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://copyblogger-responsive-template.blogspot.in/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">11. Helicon:</h3><br />
Adapted from WordPress, Helicon is a free blogger template with 3 columns, fluid width, and a right sidebar and rounded corners.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-Ohwf0BGV7DA/URtau_WYyaI/AAAAAAAACts/bCRBUS_oTVM/s640/helicon-blogger-template.jpg" height="340" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://btemplates.com/2012/blogger-template-helicon/" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://btemplates.com/2012/blogger-template-helicon/demo/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">12. Pinfinity:</h3><br />
Pinfinity is an ideal responsive template for Photo blogs. It brings a Pinterest-like Look, Clean Design, Social Widget and a dropdown navigation Menu.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-bWuyHt83doQ/URtawdjZ-9I/AAAAAAAACuE/zYUPCew7FZw/s640/pinfinity.jpg" height="342" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.soratemplates.com/2012/08/pinfinity-blogger-template.html" target="_blank">Pinfinity Source</a><a rel="nofollow" class="tempdemo" href="http://pinfinity-srtemplate.blogspot.com/" target="_blank">Demo</a><br />
<br />
<h3 class="custom-h3">13. Aware template:</h3><br />
Aware blogger template is suitable for technology, health, food, news and magazine style blogs. The area below the header features an automatically scrolling featured post slider.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-q_9fTspAarM/URtarkKgMOI/AAAAAAAACtA/JPIifj39Lfg/s640/aware.jpg" height="432" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2013/01/aware-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://pinfinity-srtemplate.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<h3 class="custom-h3">14. Exelencia template:</h3><br />
Some of the templates featured above are by ivytemplates, and so is this neat one called "exelencia". It has a magazine style layout and a sliding left sidebar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-pi8NgNVXmqE/URtatYiydxI/AAAAAAAACtc/3D0RHqgVe-g/s640/excelencia-blogger-theme.jpg" height="454" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/10/exelencia-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://excelencia-ivy.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">15. Adsosive template:</h3><br />
With leaf-like featured posts on homepages, sidebar and related posts, this is your template of choice for gardening and related blogs. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-0In5A27wSz8/URtartd0qGI/AAAAAAAACtE/pm7oAXR_JD0/s640/adsosive-blogger-template.jpg" height="404" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.ivythemes.com/2012/11/adsosive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://adsosive-ivy.blogspot.com/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">16. Top Blogging Ideas Clone:</h3><br />
Topbloggingideas.com has an awesome template with a wide post body and a left sidebar. The template is quite similar to the old 2Plus blogger template. This one is an excellent clone of top blogging ideas developed by truebloggertricks. Visit the link below to learn more. <br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-Xgr1XSGAGaw/URtaxr1V1QI/AAAAAAAACuU/xh8wv_pk11A/s640/top-blogging-ideas-blogger-template.jpg" height="358" width="640" /><br />
<br />
<a rel="nofollow" class="tempdemo" href="http://truebloggertricks.blogspot.com/2012/12/topbloggingideas-like-responsive.html" target="_blank">Template Source</a><a rel="nofollow" class="tempdemo" href="http://topbloggingideasdemo.blogspot.in/" target="_blank">Demo</a><br />
<br />
<br />
<br />
<h3 class="custom-h3">17. Minimum Theme Blogger Template:</h3><br />
Minimum Theme is a WordPress adapted template that brings a minimalistic layout and brings some really nice features like a custom social profile, Opt-in Subscribe form, Custom button, threaded comment system and more.<br />
<br />
<div style="text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-JjJKaLDNdqU/URttjFfBdrI/AAAAAAAACvY/wzKRTBhZ8FI/s640/minimum-theme-blogger.jpg" height="444" width="640" /></div><br />
<a rel="nofollow" class="tempdemo" href="http://www.blogtipsntricks.com/2013/01/minimum-responsive-blogger-template.html" target="_blank">Source</a><a rel="nofollow" class="tempdemo" href="http://minimum-blogger-theme.blogspot.in/" target="_blank">Demo</a>Unknownnoreply@blogger.com122tag:blogger.com,1999:blog-5253387292569090746.post-42919016738892032302013-02-06T11:08:00.000-08:002014-01-22T22:23:12.699-08:00Add Adsense In the Middle of Posts or Anywhere in Blogger ContentAd placement and customization has been written and discussed much in the webosphere. In fact, a famous heat map detailing the ideal places for a higher click through rate (CTR) has been floating around for quite a few years now. Then, Google also has a dedicated <a href="http://support.google.com/adsense/bin/answer.py?hl=en&answer=187643&topic=29875&ctx=topic" style="color: #333333; text-decoration: underline;" target="_blank">help section</a> outlining the best positions for ads on blogs, forums, and sites covering the news, classifieds and gaming.<br />
<br />
For blogs, an ad unit somewhere in the middle of your post can potentially boost your CTR, especially if its a lengthy post with fewer images. Unfortunately, unlike WordPress which has a number of excellent plugins for injecting ads anywhere in your blog, blogger does not have this options.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://4.bp.blogspot.com/-qKwkTJhIGxQ/URKpeF0cJaI/AAAAAAAACsk/FE7Ofm6Q36M/s1600/blogger-adsense-in-the-middle.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
But thanks to a simple JavaScript solution developed by <a href="http://adsinthemiddle.blogspot.com/" style="color: #333333; text-decoration: underline;">adsinthemiddle</a>, you can place your Adsense code within a post - anywhere.<br />
<br />
Its worth noting that this method does not, by anyway violate the Adsense policies.<br />
<br />
<h3>
1. To Manually Display Ads In The Middle of Selective or Every Post:</h3>
<br />
Manually inserting Adsense ads in the middle of posts in blogger is pretty simple, here are two easy steps to do so:<br />
<br />
<ul>
<li><span style="color: #666666;">Before proceeding, do backup your template as a precaution.</span></li>
</ul>
<br />
Step 1: <b>On New Blogger (Post Designer Template):</b><br />
<br />
Tick '<span style="color: #666666;"><i><b>Expand Widget Templates'</b></i></span> in Blogger console and find <b><data:post.body/></b>. Now, replace it with the following code:<br />
<br />
<pre class="codearea"><div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Your adsense code here -->
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
</pre>
<br />
<i>Note: In the above code, replace <span style="color: #cc0000;"><b><!-- Your adsense code here --> </b></span>with your actual Adsense code.</i><br />
<br />
<b>On Old Blogger (Pre-Designer Template):</b><br />
<br />
Find the tag <b><$BlogItemBody$></b> and replace it with a parsed copy of the following code:<br />
<br />
<pre class="codearea"><div id="prv<$BlogItemNumber$>"></div>
<div style="clear:both;margin:10px 0">
<!-- Your AdSense code -->
</div>
<div id="fst<$BlogItemNumber$>">
<$BlogItemBody$>
</div>
<script type="text/javascript">
var obj0=document.getElementById("prv<$BlogItemNumber$>");
var obj1=document.getElementById("fst<$BlogItemNumber$>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
</pre>
<br />
<i>Note: Replace <span style="color: #cc0000;"><b><!-- Your adsense code --> </b></span>with your actual Adsense code.</i><br />
<br />
<br />
<b>Step 2:</b><br />
<br />
Now, where ever you wan't your ad unit to appear, put a special comment:<br />
<br />
<i><b><span style="color: #cc0000;"><!-- adsense --></span></b></i><br />
<br />
Done.<br />
<br />
<h3>
2. Adding Featured Posts in the Middle (or anywhere) on your post.</h3>
<br />
Similarly, using the above code we can add a featured post in the middle of our content.<br />
Earlier, I shared a simple <a href="http://techmarshal.blogspot.com/2013/02/simple-blogger-related-post-widget-without-thumbnail-text-only.html" target="_blank">blogger related posts widget</a>. Using the above JavaScript, lets see how we can add that related widget posts in the middle of an article.<br />
<br />
The idea remains the same. Just for differentiating, replace the word 'adsense' with 'related' in both, the JavaScript and special comment. Then place the related post code as in the code below:<br />
<br />
For instance:<br />
<br />
<b>On New Blogger (Post Designer Template):</b><br />
<br />
Tick '<b><i><span style="color: #444444;">Expand Widget Templates</span></i></b> in the Blogger console and find <b><data:post.body/></b>. Now, replace it with the following code:<br />
<br />
<br />
<pre class="codearea"><div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- <span style="color: #cc0000;">related</span> --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
</pre>
<br />
<b>Step 2:</b><br />
<br />
Now, wherever you want your related posts to appear, put a special comment:<br />
<br />
<span style="color: #cc0000;"><b><i><!-- related --></i></b></span><br />
<br />
Done!Unknownnoreply@blogger.com23tag:blogger.com,1999:blog-5253387292569090746.post-6688984997934306732013-02-04T21:53:00.000-08:002013-02-05T07:26:33.261-08:00Simple Blogger Related Post Widget Without Thumbnails/Text Links OnlyOne of the best ways to keep your readers engaged with your blog is to link new posts directly to other related posts that you've previously written or by simply displaying featured or related posts at the end of your article. <br />
<br />
<img border="0" src="http://4.bp.blogspot.com/-_xNrajnKwZ4/URCgAvktTBI/AAAAAAAACsQ/gsfXJcGRL_k/s1600/related-plugin.jpg" style="clear: left; float: left; padding: 0 10px 10px 0;" />To do this you've got the likes of <span style="color: #666666;"><i>linkwithin</i></span>, <span style="color: #666666;"><i>outbrain</i></span> and <span style="color: #666666;"><i>nRelate</i></span> -- all good widgets available for just about any platform. Other than that, for blogger, there's hardly any script available that will properly show related posts at the end of your post (or any other place that you'd like). <br />
<br />
If your looking to display text links only, <a href="http://www.moretechtips.net/" target="_blank">Mike More's</a> related post widget for blogger is the best and simplest you'll find. The script below is version 1.0. The latest version 2.0 can also display post thumbnails and offer plenty of customizations.<br />
<br />
<div class="separator" style="clear: both; margin-bottom: 0px; padding-bottom: 0px; text-align: center;"><img align="middle" border="0" src="http://3.bp.blogspot.com/-h44XoawGzps/URCdcrprq7I/AAAAAAAACr8/kTaAxBhSCIY/s1600/blogger-related-post-widget.png" /></div><h2>The Script: (Blogger Related Post Without Thumbnails):</h2><br />
Add a new Javascript/HTML widget and paste the following:<br />
<br />
<pre class="codearea"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>
</pre><br />
Note: The widget uses post labels to display related post links. Your recent posts will show up instead, if labels are missing. Make sure you've defined them.<br />
<br />
Here's how to add the codes if you prefer:<br />
<ol><li>From your blogger dashboard, click "<span style="color: #666666;"><i>Layout</i></span>" on the left panel.</li>
<li>Click "<i><span style="color: #666666;">Add a gadget</span></i>" and scroll down until you see <span style="color: #666666;"><i>HTML/JavaScript</i></span>. Open it.</li>
<li>Paste the above codes in the content area there. Save it.</li>
</ol><br />
That's it. Your related posts should show up at the bottom of your article. It should help you increase page views and in turn decrease bounce rates - Both positive SEO signals. Unknownnoreply@blogger.com62tag:blogger.com,1999:blog-5253387292569090746.post-21396331177503095882013-01-21T23:47:00.000-08:002013-12-24T06:47:12.007-08:00Free Beautiful and Colorful Blogspot Templates to Download for Your BlogAmong the many benefits of Google's Blogger platform is the availability of a plethora of amazing free and paid templates by various talented and creative theme developers. Whether you're looking for profession design for your company, an eye catching design for your recipe blog or a dead simple layout to share about your daily life, you'll come across plenty of choices, both, free and paid.<br />
<br />
For bloggers that fancy beautiful headers and backgrounds for there personal blogs, here are some of the best free colorful and attractive templates you'll find.<br />
<br />
<h3><a href="http://btemplates.com/2009/blogger-template-scrapbook-2/" target="_blank">Scrapbook</a></h3><br />
A completely free premium blogger template adapted from WordPress. With a beautiful color scheme, this template has 2 columns and a right sidebar.<br />
<br />
<img border="0" src="http://3.bp.blogspot.com/-7-qnzvRSkg8/UP2C2S_Y6YI/AAAAAAAACqk/stGeSZB_ACM/s640/scrapbook.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<a name='more'></a><br />
<br />
<h3><a href="http://btemplates.com/2009/blogger-template-craftwork/" target="_blank">Craftwork</a></h3><br />
Craftwork is awesome light colored template with beautiful floral motifs and an integrated RSS feed link. Includes to columns and a right side bar.<br />
<br />
<img align="middle" border="0" height="340" src="http://3.bp.blogspot.com/-wMd6ne-GVaM/UP0xGIN6l-I/AAAAAAAACpg/5GG-2SfkmJs/s640/craftwork.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://btemplates.com/2010/blogger-template-kesemutan/" target="_blank">Kesemutan</a></h3><br />
A free blogger template with colorful floral design on header and old paper texture on content background. This is a beautiful template great for personal blogs.<br />
<br />
<img align="middle" border="0" height="340" src="http://1.bp.blogspot.com/-XQmVwIZMPBg/UPzeMevbwgI/AAAAAAAACnw/iX5RVEvUtOY/s1600/kesemutan.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://www.raytemplates.com/2012/06/my-personal-diary/" target="_blank">My Personal Diary</a></h3><br />
A very nice diary style design best for personal and design blogs. Includes 3 columns and a left side bar.<br />
<br />
<img align="middle" border="0" height="340" src="http://2.bp.blogspot.com/-CjNV8CBYdoE/UPzgeC2PdEI/AAAAAAAACoE/_xLJCWYu_Bw/s1600/my-personal-diary.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://btemplates.com/2010/blogger-template-my-journal/" target="_blank">My Journal</a></h3><br />
Another excellent template for your personal blogs. My Journal includes a diary layout and a right side bar.<br />
<br />
<img align="middle" border="0" height="340" src="http://4.bp.blogspot.com/-0lIWMfGaCDk/UP0vFPGGebI/AAAAAAAACpE/Kvl8GX_x7CE/s640/My+Journal+Blogger+Template.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://www.raytemplates.com/2012/05/my-personal-desk/" target="_blank">My Personal Desk</a></h3><br />
As the name suggests and from the background images, this beautiful template is suitable for personal travel or or gardening related blogs. Again a 3 column layout. Facebook, Twitter and RSS feed links integrated.<br />
<br />
<img align="middle" border="0" height="340" src="http://4.bp.blogspot.com/-NKVa_Q9UoOo/UP0vIj1TyII/AAAAAAAACpM/OkRTexrybxk/s640/My+Personal+Desk+Blogger+template.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://btemplates.com/2009/blogger-template-art-template/" target="_blank">Art Template</a></h3><br />
Art Template is blogger template adapted from WordPress with 3 columns, left and right sidebars, fresh look, grunge style, and floral motifs. Its free.<br />
<br />
<img align="middle" border="0" height="340" src="http://3.bp.blogspot.com/-x__4SmvUkXE/UP0zb4fXK2I/AAAAAAAACp0/GPm3u9DXPZo/s640/art-template.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://btemplates.com/2010/blogger-template-quality-time/" target="_blank">Quality Time</a></h3><br />
Planning to start a blog where you can share your delicious recipes and travel experiences? Named Quality Time, this blogger template may be perfect for you. Includes a left sidebar and RSS feed integrated on right.<br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-rJMWShazmiY/UP1_gmk4VkI/AAAAAAAACqM/wi9FvnMzrrI/s640/quality-time-blogger-template.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
<br />
<h3><a href="http://btemplates.com/2010/blogger-template-mis-romances/" target="_blank">Mis Romances</a></h3><br />
Mis Romances blogger template is great for love and poetry related blogs. Comes with 2 columns, right sidebar, and floral motifs on background.<br />
<br />
<img border="0" src="http://2.bp.blogspot.com/-8Hu9NTNXbR4/UP2Z6Y8XeqI/AAAAAAAACq4/ShJBbbjFZsA/s1600/Mis-Romances-Blogger-Template.jpg" style="border: 1px solid rgb(221, 221, 221); padding: 8px;" width="560" /><br />
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5253387292569090746.post-29233313807053299932013-01-13T11:24:00.001-08:002013-02-03T21:09:56.861-08:00Recover an Accidentally Deleted Post on BloggerWhile it may take hours to write a lengthy and well thought out blog post, you never know when you accidentally hit the delete button while saving or modifying your work -- And Poof!, all your previous work is gone.<br />
<br />
You my have lost a post that was in draft or a previously published one. Fortunately, in both cases you can still recover or retrieve the post that was deleted unintentionally. There are several ways to do so:<br />
<br />
<div style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-bAHiG_1-6i0/UPMF3C5V3jI/AAAAAAAACmc/s1yUV5Am0d4/s1600/deleted_a_post.jpg" /></div>
<br />
<h2>
Recovering a Post in draft / Unpublished:</h2>
<br />
If your post was in draft and got deleted, you need to find its URL:<br />
<ul>
<li>Depending on your browser, navigate to the your <i>browser history</i> and start looking for the link to the draft post.</li>
</ul>
<br />
Once you've found, you are most likely to retrieve it. <br />
<br />
<h2>
Recovering a published post:</h2>
<br />
If your post was published earlier, you have two places to look for:<br />
<br />
<i><b> 1. Search Engine Cache:</b></i><br />
<br />
All popular search engines maintain the cache of indexed pages. To access the cache of your blog, enter the following and click the cache button right next to the results.<br />
<br />
<pre style="background: #ededed; border-radius: 10px; border: 1px solid #cccccc; padding: 5px 5px 5px 15px;"><i><span style="color: #38761d;">site:yourblogurl.com</span></i>
For example: <i><span style="color: #38761d;">site:techmarshal.blogspot.com</span></i></pre>
<br />
<i><b> 2. Blog Feeds:</b></i><br />
<br />
If your blog publishes feeds, subscribe to your own feeds using Google Reader (google.com/reader) or any other similar feed readers and recover your post.<br />
<br />
Good Luck!Unknownnoreply@blogger.com33tag:blogger.com,1999:blog-5253387292569090746.post-3400053296101698972012-12-12T03:34:00.000-08:002013-02-26T06:29:54.235-08:00Sort YouTube Videos by Number of Views (view count) & Upload Date [How To]Google, just days ago (Dec 6, 2012) rolled out a new YouTube interface yet again. Although this layout is cleaner than the previous one, however some important filters like view count, upload date, relevance and average rating have been dropped.<br />
<br />
'View count', especially is one of the filters many would use when watching the most popular videos on a particular topic. If this latest change didn't really sit well with you, here are two ways you can still add the missing filters and sort search results by views, average ratings etc.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="151" src="http://1.bp.blogspot.com/-vx-NIGJkLtE/UMiIt09RNKI/AAAAAAAACg0/f84JUmBVMNM/s640/YouTube_sort_views_upload_date.jpg" width="580" /></div>
<br />
<br />
<b>Method 1:</b><br />
<br />
Add the following to the end of the URL in the address bar after you have for a topic:<br />
<br />
<pre class="codearea" style="background: white;">To Search by Relevance (Default)
<span style="background: #EEE; border-radius: 5px; color: grey; font-family: times; font-size: 15px; padding: 6px;">&search_sort=relevance</span>
To Search by Average Rating
<span style="background: #EEE; border-radius: 5px; color: grey; font-family: times; font-size: 15px; padding: 6px;">&search_sort=video_avg_rating</span>
To Search by View Count
<span style="background: #EEE; border-radius: 5px; color: grey; font-family: times; font-size: 15px; padding: 6px;">&search_sort=video_view_count</span>
To Search by Upload Date
<span style="background: #EEE; border-radius: 5px; color: grey; font-family: times; font-size: 15px; padding: 6px;">&search_sort=video_date_uploaded</span>
</pre>
<br />
<b>Method 2:</b> (For Chrome Browser and Firefox):<br />
<br />
Simply Install the "<a href="https://chrome.google.com/webstore/detail/video-sorter-for-youtube/feamkbjehbbidedhlnlcibjoejmbjlgn/" target="_blank">Video Sorter for YouTube</a>" extension on your Chrome Browser. The extension adds it's own filters right above the search results.<br />
<br />
While Firefox users can get the "<a href="http://userscripts.org/scripts/show/153580" target="_blank">YouTube Legacy Sort Options</a>" script to get the previous filter options back.Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-5253387292569090746.post-16397617504314447242012-12-10T07:49:00.000-08:002014-02-06T06:41:57.193-08:00Create a Simple Navigation Menu Bar For Your Website/Blog [Beginner] <div class="separator" style="text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-d2mj3jg_sV0/UMYRU0ZJ7oI/AAAAAAAACgM/bw1HydGwRdI/s200/nav.jpg" height="184" style="clear: both;" width="200" /></div><br />
Creating a basic menu using HTML and CSS is pretty straightforward even for starters. If you're in search for a simple navigation menu bar for your website/blog, here's all the code you need.<br />
<br />
<i><b>The CSS:</b></i><br />
<br />
<pre class="codearea">#nav {
padding:0;
background: black;
border-bottom: 1px solid #999999;
height: 36px;
}
#nav li a {
font-family: Arial;
font-size:12px;
text-decoration: none;
float:left;
padding:10px;
color:white;
font-weight:bold;
}
#nav li a:hover {
background:white;
color:black;
border-radius: 2px;
border-bottom: 1px solid white;
}
#nav li {
display:inline;
}
</pre><br />
<!-- adsense --><br />
<br />
<b><i>The HTML:</i></b><br />
<br />
<pre class="codearea"><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</pre><br />
Simply change the URL to your desired location.<br />
<i><b><br />
</b></i> <i><b>The Result:</b></i><br />
<ul id="nav" style="background: black; margin-left: 0px !important;"><li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">Home</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">About</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">Services</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">Products</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">Blog</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=5253387292569090746#">Contact Us</a></li>
</ul>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5253387292569090746.post-58399809618784078902011-09-21T11:28:00.001-07:002013-01-18T02:40:45.597-08:00How to Remove or Disable Lightbox Image view from Blogger<a href="http://lh6.ggpht.com/-3wWqdugpQlY/TnosqpqxoeI/AAAAAAAABss/00TQL9MImZg/s1600-h/lightbox%25255B14%25255D.jpg"><img align="right" alt="lightbox" border="0" height="117" src="http://lh6.ggpht.com/-lIWibEZP4fw/Tnosr8o4AtI/AAAAAAAABsw/W_9JbZaUNGM/lightbox_thumb%25255B10%25255D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: right; margin: 0px 0px 0px 26px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="lightbox" width="146" /></a><br />
Blogger has officially <a href="http://buzz.blogger.com/2011/09/your-images-never-looked-so-good.html" target="_blank">announced</a> that the lightbox image view has been implemented on all blogger blogs. When you click an image it opens up with a large transparent black frame around it, exactly the same way photos are displayed on your Google+ account when clicked.<br />
<br />
While for some, this feature is an awesome improvement to how pictures are displayed, but for most bloggers users, this addition has caused problems. The blogger help forum is filled with complains by blogger users, demanding that this feature must be removed and others who see it as a bug in the blogger template.<br />
<br />
Unfortunately blogger did not offer it as an opt-in feature. The problem with this addition is that images on a blog post don’t show up enlarged when clicked, as the way they showed up before the changes were made by blogger.<br />
<br />
Until blogger address this issue, here is a work around by Mark from EnglishJavaDrinker that removes the lightbox affect.<br />
<br />
To implement the code, simply head to:<br />
<b><br />
</b> <b>Dashboard</b> > <b>Template</b> > <b>Edit HTML</b> and find the <b></head></b> tag.<br />
<br />
Now copy the code below and paste it right before <b></head></b><br />
<br />
<pre class="codearea"><script type="text/javascript">
//<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].parentNode.innerHTML = images[i].parentNode.innerHTML;
}
}
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded',killLightbox,false);
} else {
document.attachEvent('onDOMContentLoaded',killLightbox);
}
//]]>
</script>
</pre><br />
<div style="background: #81A897; font-size: 14px; padding: 15px;"><b>Update</b>: <span style="color: white;">You can now simply head over to blogger settings and disable the lightbox option.</span><br />
<span style="color: white;"> <br />
The option is available under <i><b>Settings</b></i> -- <i><b>Posts and Comments</b></i> -- <i><b>Showcase images with Lightbox</b></i></span></div><br />
All Credit: <a href="http://englishjavadrinker.blogspot.com/2011/09/fixing-bloggers-mistakes.html" target="_blank">EnglishJavaDrinker</a>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-5253387292569090746.post-59306247394169493212011-09-15T00:58:00.001-07:002013-02-05T05:27:00.403-08:00How To Add a Subscribe Option to your Facebook Profile<img align="right" alt="icon_facebook" border="0" height="95" src="http://lh6.ggpht.com/-bAr2eovA6Xk/TnGxTqfWj6I/AAAAAAAABsE/n_rTOyagG_w/icon_facebook%25255B7%25255D.jpg?imgmax=800" title="" width="95" />Facebook has added an option to let people "subscribe" to your profile just like the way they follow you on Twitter. Whenever you post an update on your wall with the privacy option set as “Public”, it will appear in the "News Feed" section of your subscribers.<br />
<br />
The Subscribe button that sits on the top right side of a profile and wall page lets you hear from interesting people you're not friends with—like journalists, artists and political figures. Subscribers can choose what type of updates they want to see in their News Feeds. This includes: All updates, Most updates and Important Updates. There are further options to select the types of updates that should be posted to a News Feed. These can be live events, status updates, games, photos and videos.<br />
<br />
<center><img alt="facebook-subscribe-button" border="1" height="152" src="http://lh5.ggpht.com/-lwvfAIquaCM/TnGwHEfnDnI/AAAAAAAABsA/Z2v-BUADQqg/subscribe-button-enabled%25255B6%25255D.jpg?imgmax=800" style="background: white; border: 1px solid #ccc; padding: 5px;" title="" width="520" /></center><br />
<h2>How To Enable the Subscribe Button on your Facebook Profile</h2><br />
To add the subscribe button to Facebook and start getting subscribers, go to the Subscriptions tab on the left-hand side of your profile. Or, visit this <a style="font-weight:bold" href="http://facebook.com/about/subscriptions" target="_blank">subscription page</a> and click Allow Subscribers. There on you can select whether you want subscribers to comment on your updates or get notified about new subscribers. You're done!<br />
<br />
However "Subscribe" is an opt-in feature. The only people who allow subscribers will have a Subscribe button on their profile. If you don't see the button, you can't subscribe.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5253387292569090746.post-41362349691042200062011-09-14T01:10:00.001-07:002012-11-11T02:46:51.863-08:00Find Flight Related Information Easily With Google Flight Search<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="justify">
Google has added a new search feature that will help you sort through flight information and fares. Compare flights, dates, destinations, and fares in an instant. </div>
<div align="justify">
<br /></div>
<div align="justify">
The search feature is available initially to a select group of U.S cities and displays results for economy class round-trip flights only. <span style="text-align: left;">Whether you are looking for the cheapest flight to a particular city or a non stop flight, Flight Search can help you quickly find the best option for your trip.</span></div>
<div align="justify">
<span style="text-align: left;"><br /></span></div>
<div align="justify">
Flight search results can be filtered out in several ways: dates, price, duration, number of stops, airlines, connections, outbound time and return time etc.</div>
<div align="justify">
<br /></div>
<div class="img-dec">
<img alt="google_flight_search" border="0" height="439" src="http://lh4.ggpht.com/-Bnf5c4M7ffw/TnBhZr2NCnI/AAAAAAAABr8/-UngQlrTZBY/google_flight_search%25255B12%25255D.png?imgmax=800" style="background-image: none; border: 1px solid #ccc; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="google_flight_search" width="508" /></div>
<div class="img-dec">
</div>
<div class="img-dec">
</div>
<div class="img-dec">
<br />
The map itself can be used to find several bits of information:</div>
<ol>
<li> <div align="justify">
View flight options for a city by clicking that city on the map.</div>
<br /> </li>
<li> <div align="justify">
Click on an airport marker to see nearby airports with their lowest price flight, and check off the boxes for the airports to include in your flight search.</div>
<br /> </li>
<li> <div align="justify">
Zoom in on the map to see more airports in a particular area.<br />
Once you select a departure city, hover over any cities on the map with your mouse to compare prices on flights to those destinations.</div>
<br /> </li>
<li> <div align="justify">
Drag and drop the markers to adjust the origin and destination of your trip, and then explore various travel options based on different locations.</div>
</li>
</ol>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-23745724673965676972011-09-04T23:48:00.001-07:002011-09-04T23:48:02.661-07:00Offline Google Mail App for Chrome Lets you Use your Gmail Offline<p align="justify"><img style="background-image: none; border-right-width: 0px; margin: 0px 0px 0px 2px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="" border="0" alt="gmail-offline" align="right" src="http://lh3.ggpht.com/-hF6JAyCRvmA/TmRwmVHtESI/AAAAAAAABrc/BxCyKr_eS3E/gmail-offline%25255B13%25255D.png?imgmax=800" width="104" height="94">Gmail users previously were able to backup their emails offline using Gears, a Google plugin allowing web apps to run offline. But recently in May, Google announced that it shifted focus to HTML5 and stopped the development of Google Gears. As a result, those users who installed the versions of Firefox, Internet Explorer and Chrome released after May could no longer backup their Gmail account using Gears.</p> <p align="justify">The good news is that Google has brought back the ability for Gmail users to access their emails even when they are not connected to the internet.</p> <p align="justify">The functionality can be achieved by installing “<a href="https://chrome.google.com/webstore/detail/ejidjjhkpiempkbhmpbfngldlkglhimk" target="_blank">Offline Google Mail</a>”, a new chrome web-app based on HTML5 that updates in the background while you’re online.</p> <p align="justify">Incase the internet is not available, simply open a new tab in chrome and launch the app. From there you can compose, read, search and archive emails. Offline Google Mail will automatically sync the changes once internet connectivity is available.</p> <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="" border="0" alt="Google-mail-offline-interface" src="http://lh3.ggpht.com/-LY6bbNQWxR8/TmRwofRFooI/AAAAAAAABrg/4_v0SQM7mOg/Google-mail-offline-interface%25255B19%25255D.png?imgmax=800" width="535" height="299"></p> <p align="justify">The streamlined user interface, based on Gmail’s popular tablet interface, provides an extremely fast response time with a pure, email focused experience.</p> <p align="justify">Install - <a href="https://chrome.google.com/webstore/detail/ejidjjhkpiempkbhmpbfngldlkglhimk" target="_blank">Offline Google Mail</a></p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-2638646528499155442011-08-25T05:11:00.001-07:002012-12-20T01:43:20.603-08:00Increase Gmail Account Security with basic Security Tips from Google<img align="right" alt="gmail" border="0" height="80" src="http://lh6.ggpht.com/-nfPGco947_8/TlZEjmFZ5MI/AAAAAAAABrU/i5OFo3Id0B4/gmail%25255B2%25255D.jpg?imgmax=800" style="display: inline; float: right; margin: 0px 0px 0px 9px;" title="" width="107" /><br />
For most of us, a compromise on an email account could mean a compromise on a dozen connected accounts. Its always a good practice to have separate public and private email addresses. A public email address that your would use to subscribe to online services such Facebook, twitter, LinkedIn, Flickr, Quora and several other sites and a private one that can be associated with Bank Accounts, Hosting Company, PayPal, Amazon, Online file hosting service and any other place where account security is even more critical.<br />
<br />
Having separate email addresses combined with a strong password maybe the best security measure but if you are a Gmail user there are other basic, yet important steps that you can take to make your Gmail even more safe and secure.<br />
<br />
Here are two videos from Google. One providing the very basic Gmail security tips and the other about the recently introduced — 2 Step Verification method.<br />
<br />
<strong>Basic Gmail Security Tips:</strong><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="332" src="http://www.youtube.com/embed/5uVLwV5eND0?rel=0" width="537"></iframe><br />
<br />
<strong>2 Step Verification:</strong><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="332" src="http://www.youtube.com/embed/GtcVjOWHg9E?rel=0" width="537"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5253387292569090746.post-56854235876523557182011-08-19T06:38:00.001-07:002012-12-24T22:18:07.248-08:00Search Videos from Specific Websites with GoogleYou need to re watch a clip you recently saw on some popular sports website but can’t seem to find it easily or you want to find videos about some news events making headlines but these to be sourced only from news websites but can’t exactly figure out how.<br />
<br />
<img align="right" alt="video" border="0" height="95" src="http://lh6.ggpht.com/-JNat8rR7pes/Tk-j98TvAyI/AAAAAAAABrA/gKbcFanwc1E/video%25255B5%25255D.jpg?imgmax=800" title="" width="95" />Well, Google Videos isn't the only places to search hundreds of sites for video content but certainly is among the better resources if not the best.<br />
<br />
Simple search operators that we use on Google to find textual content can also be applied to video searches in a similar way to limit search a great extent to specific sites only.<br />
<br />
For example: You wish to find videos of “forest fire” from some of the major online news sites you follow.<br />
<br />
Head straight to <a href="http://video.google.com/" target="_blank">Google Videos</a> and use the “|” operator as below to get results only from desired news sites. In my case, the bbc, abcnews and msnbc.<br />
<br />
<pre class="codearea">forest fire bbc.co.uk | abcnews.go.com | msnbc.msn.com</pre>
<br />
<div style="text-align: center;">
<img alt="video-news-search" border="0" height="357" src="http://lh6.ggpht.com/-I-QAZ1-7Ahk/Tk-cPzlPKKI/AAAAAAAABq4/xFt5LTZ5Ggk/video-news-search%25255B11%25255D.png?imgmax=800" title="" width="538" /></div>
<br />
Rarely, a search term may show up a couple of videos from YouTube or some other video site, along with results from our specified sites. This can happen only if a video on YouTube or another video site has a link in the description area to any of the sites we want video results from.<br />
<br />
We can always use the “ - “ search operator to leave out such results.<br />
<br />
<pre class="codearea">forest fire bbc.co.uk | abcnews.go.com | msnbc.msn.com –youtube.com</pre>
<b><br />
</b> <b>Search for Videos from specific website with Truveo:</b><br />
<br />
Many search engines provide us with an extensive video search functionality. <a href="http://www.truveo.com/" target="_blank">Turveo</a> is one of the best ones. It can pull results from major video sites including news and entertainment websites.<br />
<br />
<div style="clear: both;">
Simply enter your search terms and filter results from the sources listed.</div>
<br />
<div style="text-align: center;">
<img alt="truveo-news" border="0" height="339" src="http://lh6.ggpht.com/-LlcgO31wPkU/Tk-cSd758aI/AAAAAAAABq8/CnbDbTdI2J0/truveo-news%25255B11%25255D.png?imgmax=800" style="clear: both;" title="" width="533" /></div>
Unknownnoreply@blogger.com0