Wednesday, April 2, 2014

Top 10 Best Free Stylish and Professional Blogger Templates

Blogger is the second most awesome Blogging Platform on the Blogosphere, So it means that we need to make new awesome, stylish, and unique blogger templates almost everyday so that we can have best templates for every of our blogs. And as you notice, there are more free blogger templates than paid premium templates, Because we have so much great free blogger template contributors as in our list of the: Top 3 sites to Download Best Free Blogger Templates.

Top 10 Best Free Stylish and Professional Blogger Templates - Responsive


 As of now, There are many Best Free Stylish and Professional Blogger Templates being launched almost everyday in the internet and awesome blogger templates just don't stop increasing and increasing each day because of the best Blogger Template developers that we have on the Web.
So we have decided to make our Top 10 Best Free Stylish and Professional Blogger Templates to be featured on our site, So other visitors will not be searching anywhere for best professional blogger Templates.

BRAND MAG UX

Top 10 Best Free Stylish and Professional Blogger Templates - Brand Mag UX

DEMO      DOWNLOAD

Brand Mag UX is a template made by Templateism and it get to the Top 1 on our list because Brand Mag UX is a Fully Responsive blogger template. You can use it for design, portfolio, magazine, personal blog, products, presentation and landing page. It has also a sticky navigation bar that you can see on the left side.

THE AWESOME MAG

Awesome Mag- Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

The Awesome Mag Blogger Template is also from Templateism and a Fully Responsive blogger template. It is a 3 column template that can be customized into a portfolio, magazine, personal blog, products, list based sites. Features are: 4 columns Footer widget containers, Elegant color scheme, Professional design, Tabbed sidebar widget, Ads-Ready and much more.

ENPINE BLOG

Enpine Blog-Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

Enpine Blog Blogger Template is developed by Template Trackers. It is a Professional Blogger Template template that is loaded with lots of stuffs. It has also its nice sticky header that will surely attract your Visitors. This template is SEO friendly just like other templates made professionaly!

SKILL BLOGGER TEMPLATE

Skill Blogger -Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

Skill Blogger Template is a Fully SEO Optimized Blogger Template and this was also used by Deep Sinha when he's still with his Blog. And for you to know, we used this template before when our blog are just starting on our Blogging Career. And all I could say is this Skill Template is Awesome.

VORTEX RESPONSIVE THEME

Vortex - Responsive

DEMO      DOWNLOAD

As usual, this template is from Templateism and also 100% Fully Responsive and it's a multimedia Grid Template with so many uses, So make sure you don't miss this template from Templateism. And if you're talking about the adsense places problems, Don't worry because this template is very optimize for adsense.

ELICE BLOGGER TEMPLATE

Elice - Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

Elice Blogger Template has so many features and this template was made by BlogtipsnTricks. This template is fully responsive as you seen on the image above and it's also SEO friendly as it's already optimized by them. You can try this our as this has a nice design and also good for any Blog Niches.

7SEAS BLOGGER TEMPLATE

7seas -Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

7SEAS Blogger Template is really good blogger template for multi author blogs, As this template supports multi author blogs and it has a pinterest like design that will surely your visitors like. And it has also responsive design, And a very nice Homepage Design.

SENSATIONAL BLOGGER TEMPLATE

Sensational - Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

Sensational Blogger Template was made by BlogtipsnTricks also, This template is a conversion from Wordpress to Blogger and the conversion went good. This template has its 3 column layout and also as usual, a Responsive layout. And they also didn't forget to make it SEO friendly as many people wants.

CROSSWAY BLOGGER TEMPLATE

Crossway - Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

This template was made by Way2themes and what we like with this template is that it is responsive, fast loading, floating drop down menu, and more cool stuffs inside it. You can also customize the look of this template with your own CSS skills if you don't like some other design parts of this template.

ICY THEME BY BLOGGERTHEME9

Icy theme - Top 10 Best Free Stylish and Professional Blogger Templates

DEMO      DOWNLOAD

Icy Theme is a Top 10 Contender on our Top best free stylish blogger Templates, This template is also a responsive blogger template and has a nice design that's why it became featured here at TronicFlow. BloggerTheme9 is also a nice site to get best templates that's why we also added one of their templates at this Top 10 list.

Final Words:

As you all notice that all of the 10 templates above are all Fully Responsive, And they are the one that we like. There will be more upcoming Top list of templates on our Blog. if you like our Top 10 list of Best Free Stylish, Responsive, and Professional Blogger Templates, Please comment below and share it if you like. :D
Happy Blogging with Nice Templates!

Friday, March 28, 2014

Best Ways to Improve Alexa rank on Blogspot Blogs

Alexa is the best and the most popular site where you can see your blog rank against all the sites all over the world. And it's also a Blogger's reference where they can see their blog's progress and also some features like The visitor's Daily time on site, Daily pageviews per visitor, your blog's bounce rate, number of your blog's backlinks from the internet, Percentage of visitors from different countries and more awesome features.
Also Read: How to post On Multiple Facebook Groups Via Email.

Best Ways to Improve Alexa rank on Blogspot Blogs
Image by: Justin Quitaleg

Why I need to Improve my Alexa Rank?

Alexa is very important for bloggers to have direct advertisers coming on their site, but when you have a blogspot blog, you may find yourself get left behind because what ever you do, It will not just increase rapidly just like other blogs with their custom domains. That's why we searched for solutions and we what we found is very useful for Blogspot blogs and also can Increase Traffic on your Blogspot.com Blog.

Below, We will show you many tricks on how to do this trick for our tip for best ways to improve alexa rank on blogspot blogs. And also, we will not be encouraging you to use alexa toolbar because we don't believe that this plugin really works. If it's proven, we can update this article and add it on our list for the best ways to improve alexa rank for blogspot blogs. This tips are not arranged in order so if you find a good one to implement on your site, Do it!

Best Ways to Improve or Enhance Alexa Rank on Blogspot Blogs:

Redirecting your Blogspot blog to .com:

This may sound a bit crazy and not that too popular trick but from my view, this is the most important, or let's say the most effective way on how to improve alexa rank for blogspot blogs. If you can't understand what I mean, read the example below on how does it work: It will redirect your "yoursite.blogspot.in" , "yoursite.blogspot.pk" to "yoursite.blogspot.com". And this will enhance your alexa rank because blog's traffic is also important for alexa ranking. Because Alexa is giving different ranks on your same blog with different URL. Just like this:

You can notice that in the link above, they have really different ranking on alexa.
  • Just add this code below <head and you're done!.
<script type='text/javascript'>// <![CDATA[
var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); }
// ]]></script>

Write High Quality & Unique post

Nowadays, As you will notice, Some of your blog posts are not getting seen on Google SERP because of the reason that your content is not that unique and just like google, Alexa is also doing that, that's why many bloggers that just do copy and paste contents of others turned out to have very low Alexa Rankings. So the Tip in this is to write your own post and Do Think Outside the Box.

Best Ways to Improve Alexa rank on Blogspot Blogs

Write Posts Regularly

Regular Blog Posting should be your first responsibility as it's the reason why you have alexa ranking getting higher and higher while you post regularly and when it has great High Quality and Unique content. The best Posting interval to not loose your precious alexa rank is to write about 3-5 post in one week. Or it would be better if your blog posting will be everyday and that will really rock and boost your alexa Rank!

Best Ways to Improve Alexa rank on Blogspot Blogs

Add Alexa Rank Widget on your Blog

The Alexa widget is also really important because by doing so. Alexa can track your website / blog's Pageviews, and Pageviews really matter for alexa to rank your site. And it will also track your Blog Updates that can surely increase Ranking if you do regular posting as we suggested Above. The best way to put the alexa rank widget is on the footer, because the footer section should contain information about your blog's Rank, Who is the Author, And more!

Best Ways to Improve Alexa rank on Blogspot Blogs
Our Rank as of 3/29/2014

Final Words:

As like our post on Few Problems that Bloggers Encounter while Blogging, This are also few tips to make your Blogspot Blog boost or enhance alexa ranking. This are ways that has been proven by me that is blogging over a month and has increase the rank by doing this Tips. We also want to hear your Tips to boost alexa rankings and other brainstorming ideas about Alexa Rank Boosting using Whitehat Techniques. So just drop your comments below if you have questions or ideas! Happy Blogging!

Also check: Top tips for Raising search engine Rankings

Monday, March 24, 2014

How to post on Multiple Facebook Groups via Email

Social Media Marketing is one of the best known way to gain more traffic from your blog, website, or what product you are promoting. And it's also a very used method this days to gain more traffic their blogs. But as we know it, there are so many Facebook groups online that you have already joined that you need to visit just to publish your link or your blog post in their groups and get exposed to thousands of Facebook Groups Members.

How to post on Multiple Facebook Groups via Email

So people find more ways to make your life easier with Social media marketing through posting on multiple Facebook groups. That's why we have here a tutorial on how to post on multiple Facebook Groups via email and in just one page and few clicks of your mouse.

For Example: Clyde is a social media marketer and he wants to promote his links via Facebook Groups that he already joined and it took him 5 minutes to just post his links on the 20 groups that he joined. But Renz is also a social media marketer but he uses an Email Trick to post his links on groups that he's already a member, And his trick really helps him to save his time and effort.

Tutorial on How to Post on Multiple Facebook Groups Via Email:

  • Go to the Facebook Group you are posting via Email.
  • Copy the URL of the Group like on the Image below: (copy the text in box)
How to post on Multiple Facebook Groups via Email
  • Paste the code in Notepad.
  • Then add this after the text "tronicflow" @groups.facebook.com (see the image below for reference).
How to post on Multiple Facebook Groups via Email

You can make all the groups you like be posted in this format. And just make them in list style.
  • Login to your email Provider (The best site will be Gmail.com and that's the site we are using for the tutorial of the day).
  • Then Compose Email and then Click Bcc for the Recipient or "To:" And then add the emails we made. (check the image below for reference).
How to post on Multiple Facebook Groups via Email
  • Put the text you want to put and also the link and then Hit SEND.

Final Words:

This is a really nice trick to save your time and effort opening every single pages you want to post and with this multiple facebook group poster, It will help you gain more traffic and popularity! Happy Group Posting!

Saturday, March 22, 2014

Few Problems that Bloggers Encounter while Blogging

This days already, there are many people or let's say bloggers that can't update their Blogs regularly because of this few problems that this Bloggers Encounter. So we are going to this topic because almost all of the Bloggers encounter even one of our few problems that Bloggers Encounter while they are Blogging.


Also Read: Trendy Threaded Comment Style for Blogger.

Most of us Bloggers are very with this very unhappy situations with our Blogging Career. So now I'll start this article and let's have fun with this roadblocks / problems we encounter. I will list those problems below and give them some content so here we go!

Few Problems that Bloggers Encounter while Blogging:

Internet Connection Problem:

If you are a Blogger that doesn't encounter this, You are very lucky because sometimes, this is my very sad moments when I'm about to publish my article or I will just visit my Blog's Admin Page, It just won't load and I need to restart my WIFI modem and Troubleshoot other computer problems to make it just work and I can start or continue the task I am with.


Lack of Article Ideas:

If you are not affected with my worst problem above, This maybe your worst nightmare when you have nothing to post on your Blog because you lack of ideas to write on your Blog. And almost all the pro and veteran bloggers encounter this because they already posted almost all the stuffs online and can't think for another article to write.


Blog Template or Theme Design

Many new Bloggers have this problem because they can't choose or find cool template designs for their Blog. And so sometimes you can see them using Blogger Blog or Wordpress' Default Template. And the only solution they can get is to code their on template designs or buy a template they like from a legit site. But there are already free templates you can get online for Blogger. Like this Top 3 Sites to Get Best Free Blogger Templates.

Low Traffic Blog:

This seems the most problem for some newby or beginner bloggers because there sites are not that popular yet and so they don't get that much traffic and don't have much regular readers on their Blogs. But it can be solved by posting regularly, doing much SEO, and being active on social networks and Forums.

Annoying School Exams:

This is what I hear from many bloggers I had talk with. So they can't concentrate on their Blogs already because they need to review review review their School Subjects and they or we need to get above average scores in order to pass the test or exam. In our country (philippines), we got so much quizzes every week, so I need to manage my time with blogging and school.



Final Words:

As I said on the title, This is only the Few Roadblocks we encounter while we are in our Blogging Career. So just be patient and go over this problems and keep blogging towards success! There are many pro bloggers now that they experienced this all but they never gave up with their Blogging Career ans still continue their Blog updates. Happy Blogging!

Thursday, March 20, 2014

Trendy Threaded Comment Style for Blogger

The Design of your Blog is very important for your visitors to have more time to stay on your Blog because of the Goodness of the design of your Blog / Website. And there are also many styles / designs out there for blogger comment system but this is the one we made and we also changed the font to be better.

Trendy Threaded Comment Style for Blogger blogspot


Also Read: How to put NumberPage on Blogger.

Why to change the Style of Blogger Comment ?

Changing the style or the design of your blogger blog comment system will add a bit more style to your Blog and will attract more visitors or you'll get your visitors coming back. But you should also make your content High quality so that will exactly happen to you.

And because the default design of the blogger comment system is very simple. And over 70 % of Blogger / Blogspot bloggers are already using their customize threaded comment system for their blogs. So let's start this tutorial for our Trendy Comment Style for Blogger.

How to Change Threaded Comment Style on Blogger


  • Go and Login to your Blogger Blog.
  • Go to Templates > Edit HTML.
Trendy Threaded Comment Style for Blogger blogspot

  • Then Paste the below code below <head>.
<link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'/>

This is the script of the font we are using with our trendy threaded comment style for blogger.
  • Then After that, Paste the code below above ]]></b:skin>.
/* Comment Design by TronicFlow.com---------------------------- */
.comments .comment-block {
background: #FFFFFF;
color: #000;
position: relative;
margin-top: 10px;
margin-left: 60px;
padding: 10px;
border: 2px solid #1573A3 !important;
font: 1em Oswald;
}
.comments .avatar-image-container, .comments .avatar-image-container img {
max-width: 1000%!important;
display: block;
max-height: 1000%!important;
width: 48px!important;
height: 48px!important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 10px;
}
.comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img {
width: 36px;
max-width: 36px;
height: 36px;
max-height: 36px;
margin-left: 5px;
}
.comments .comment-thread.inline-thread {
background: none;
}
.comments .continue {
border-top: 0px solid transparent;
}
#comments h4 {
display:inline;
line-height:40px;
padding:10px;
}
.comments .continue a {
background:#0d86cc;
text-align:center;
padding:10px 0;
display:none;
}
#comments h4,.comments .continue a {
text-transform: uppercase;
font-family: Oswald;
font-size: 24px;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
}
.comments .comments-content .comment-content {
margin: 0;
padding: 20px;
padding-bottom: 30px!important;
padding-top: 15px!important;
border: 1px solid #d2d2d2;
}
.comments .user a {
font-family: 'Trade Winds', cursive;
color: #444!important;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600;
}
.comments .comments-content .datetime {
cursor: pointer;
float: right;
padding-top: 6px;
padding-right: 20px;
}
.icon.user {
background: url(http://png-4.findicons.com/files/icons/195/office_men/16/man_dbrown.png) no-repeat;
height: 12px;
width: 16px;
display: inline-block;
margin: 0 0 -0px 6px;
}
.comments .comment-thread.inline-thread .user a {
font-size:13px;
margin: 0px;
padding: 0px;
}
.comment-actions {
background: #f2f2f2;
padding: 8px;
margin-left: 435px;
border: 1px solid #ddd;
float: right;
margin-right: 5px;
}
.comment-thread a {
color: #777;
}
.comments .comment .comment-actions a:hover {
text-decoration: underline;
}
.comments .comments-content .icon.blog-author {
display: inline-block;
height: 18px;
margin: 0 0 -2px 6px;
width: 100px;
background-image: url(http://png-2.findicons.com/files/icons/760/hand_drawing/16/user_admin.png);

}
.comment-editor{width:101%!important} .comment-form{width:100%;max-width:100%}
#content-wrapper2 { background-color:fff; border: 1px solid #ddd; margin-top: -90px; }

  • Then just hit Save and you're Done.

TROUBLESHOOTING:

If the trendy comment style for blogger is not working, search your template codes if there are also same CSS codes and delete them, Because our code might be overiding the comment CSS code of your template.

Final Words:

If you have any suggestions about the design of our threaded comment style for blogger, you can comment it out below and we'll try if it will fit to our comment design. You are free to share this article but make sure you give credits to us. Thanks and happy Blogging!

Tuesday, March 18, 2014

How to put NumberPage on Blogger Blogs (Blog Pager)

To make your visitors easily navigate into your Blog. You need to add a button that can go up to your very old post, That's why we have here our number page or you can also call it as Blog pager for Bloggger Blogs.

Also Read: Best BlockQuotes designs for Blogger.

How to put NumberPage on Blogger Blogs (Blog Pager)


This is a really simple widget and it's very easy to implement in your Blogger Blogs. The tutorial is complete so you won't be going to nowhere. You can now scan down and read the tutorial below.

Procedure on How to put NumberPage on Blogger Blogs:


  • First thing to do is to go to Templates then click > Edit HTML.
How to put NumberPage on Blogger Blogs (Blog Pager)
  • Then Paste the below code above: ]]></b:skin>.
* NumberPage----------------------------------------------- */
.showpageArea a {
text-decoration: underline;
}
.showpageNum a {
text-decoration: none;
border: 1px solid #cdcdcd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.showpageNum a:hover {
border: 1px solid #cdcdcd;
background-color: #fff;
}
.showpagePoint {
color: rgb(255, 255, 255);
text-decoration: none;
border: 1px solid #cdcdcd;
background: #4c84a3;
margin: 0 3px;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.showpageOf {
text-decoration: none;
padding: 3px;
margin: 0 3px 0 0;
font-size: 15px margin: 0 3px;
}
.showpage a {
text-decoration: none;
border: 1px solid #cdcdcd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.showpage a:hover {
text-decoration: none;
}
.showpageNum a:link,.showpage a:link {
text-decoration: none;
color: #333333;
background-color: #fff;
}
.showpageOf {
display: none;
}
.showpageNum {
margin: 0 3px;
}
.showpageArea {
padding-bottom: 20px;
padding-top: 8px;
}

To change the color of the Number page widget for blogger, just change the color code of the text that is highlighted in yellow.
  • Then after doing that step, Find this code line of code then expand it by pressing the Black arrow button.
<b:includable id='nextprev'></b:includable>

  • Then paste the code below as with the instruction that you can also see below.
How to put NumberPage on Blogger Blogs (Blog Pager)

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<center>
<div class='showpageArea'><span class='showpageOf' style='COLOR: #000;'> Pages (4)</span><span class='showpagePoint'>1</span><span class='showpageNum'><a href='/search?updated-max=2014-02-02T07%3A04%3A00-08%3A00&amp;max-results=6'>2</a></span><span class='showpageNum'><a href='/search?updated-max=2013-12-27T04%3A10%3A00-08%3A00&amp;max-results=6'>3</a></span><span class='showpageNum'><a href='/search?updated-max=2013-11-14T02%3A50%3A00-08%3A00&amp;max-results=6'>4</a></span><span class='showpage'> <a href='/search?updated-max=2014-02-02T07%3A04%3A00-08%3A00&amp;max-results=6'>Next</a></span></div>
  </center></b:if>

  • Save your Changes and you're done!

Final Words:

This widget will only show on homepage because it's only coded to be showed in their, but you can still change it by removing the <b:if cond='data:blog.url == data:blog.homepageUrl'> and the closing tag of it, but it's not really recommended. Thanks for reading this widget post. I hope you enjoyed this Blogger Widget tutorial.

Tuesday, March 11, 2014

Top 3 Sites to Download Best Free Blogger Templates

There are many sites to get free blogger templates online, but only some websites that offers Free best blogger templates get on our Top 3 Sites to download Best Free Blogger Templates. When choosing sites to get blogger templates to be used on your site, You find yourself left on Google and can't find any good and stylish templates (unless you are good at Google Searching). So now we have here our Best sites for Awesome Blogger Template collections.

Also Read:  Best Author box widget for Blogger Blogspot.

Top 3 Sites to Download Best Free Blogger Templates


This 3 sites are the best in the field when it comes to Blogger Templates Designs, and they are also having large amounts of traffic everyday. So let's start this Article and we will let you know what are this 3 three sites we're talking about.

Top 3 Sites to Get Best Free Blogger Templates:



1.// Templateism

Top Sites to Download Best Free Blogger Templates


We placed Templateism in the first position because if you compare this with the two sites below, This is what we call as the Veteran when we're talking about Blogger Templates and this site is very popular because of its templates and also because of the creator of the site named Syed Faizan Ali who is the owner of MyBloggerLab that is leading when it comes to blogger widgets and tutorials. Templateism offers both free and premium templates and the free templates are really awesome.


2.// Way2Themes

Top Sites to Download Best Free Blogger Templates


Way2Themes is managed by Rajat Garg and Deep Sinha of TrueBlogTips, Even this site is just new in this field, When you visit the Way2themes website, you can get high quality and nice blogger templates. And also, just like templateism, if you want to get their template without credit links, you will need to buy their template with a cheap price.


3.// TemplateTrackers

Top Sites to Download Best Free Blogger Templates


This site Template Trackers came up to our third place because they also have nice and awesome templates just like Templateism, and way2themes. TemplateTrackers is managed by Suryakant Sao from TrackMyBlog and he is also a blogger.

Final Words:

I hope you enjoyed reading this post for the top 3 sites to download best blogger templates. We ordered this top 3 According to:
  • Popularity
  • Quality
  • Domain Age
If you want to suggest a site that can be added in here, just comment it below and we'll see the quality of the templates and it can get listed here. Thanks for reading this post. Don't forget to check out the sites above for their templates so you will have great templates running inside your Blog.

 

Copyright @ 2013 Mybloggerzone.

Designed by Templateiy & CollegeTalks