Fresh Mashable Like Blogger Templates

Today, I will provide you some excellent collection of  Mashable Like Blogger Templates. Before going to release we need to know about www. mashable.com or Mostly what is Mashable blog ?

Let me explain, 
What is Mashable blog and about all of it ?

Mashable is top American blog which address is www.mashable.com .This blog provides latest technology news, Android applications, Social media, Business news and so on.It's have alexa rank is 2548k and billions of page views per month.Today,I am going to release Fresh Mashable Like Blogger Premium Templates for free.

1.  New Mashable Blogger template

                                   Live Demo                                  Download


New Mashable Blogger Template is designed for technology blog.This template is one of the best likeable or copy of latest and famous technology blog www.Mashable.com .It have special features like a premium templates.These are ; 3 column footer,Grid post layout, Floating menu, Seo friendly, Adsense ready, Custom popular post widget, social sharing button and much more .


 2.  Mashable Blogger Template
 

New Mashable is clean smooth and high professional blogger template. This is a free and SEO optimized blogspot template adopted from wordpress to blogspot theme with great effort. It is a fast loading, adsense ready and classic designed template for blogger(blogspot) user.


                                  Live Demo                                  Download


3.  Mashable Classic Template

Mashable classic is another more similar blogger template Mashable Blog. This template is totally converted from WordPress theme to blogger template. I  have personally checked this template in one of previous blog. It is a SEO friendly Clean premium blogger template. If you have blog about technology niches(keyword) then this template would be the best choice for you.

                                  Live Demo                                  Download


 4.  Mash 1 Blogger template

 There are so may features in this templates.View the live demo to know about it dirrectly. It is seo optimized, fast loading , mashable sharing, social integration, beautiful menus and auto post thumbnail


                                 Live Demo                                  Download


 5.  Mash 2 Blogger Template 

A perfect design-able and fastest loading template adopted form WP theme.It consists with special thumbnail features post area and mashable social like button. It is  clean smooth, seo optimized, adsense ready perfect blogger template for new blogger.

                                  
                                     Live Demo                                  Download


6.  Mashable Premium Blogger Template

 

This one is the splendid and Similar look like Mashable template. This template consists  A slick top navbar menu and professional looking wordpress like subscription box. This template also holds a nice collection of social bookmarking websites buttons at the top of each post where user/visitors can easily share posts on different social medias.

                                  Live Demo                                  Download


7.  Dynamo Mashable Blogger Template

Dynamo is essentially professional and far high quality 3 column Blogger Template designed for technology blogs, Magazine and news portal. This theme is second version of our famous theme new mashable. This theme also has some dynamic features.

                                       Live Demo                                  Download



8.  Mashthirteen Responsive Free Blogger Template

Mashthirteen is mashable style responsive blogger template. Mashthirteen is the the best and recommend responsive and mobile friendly blogger template for blogspot users.  If you are running blogs about business, technology, health etc then this template will be the best choice.


                                       Live Demo                                  Download

8.  Awesome Mag Blogger Template

Awesome Mag Blogger Template is fully responsive theme.  This template consists some features that are never seen before in a BlogSpot blogger template. This template has a unique fluid design concept with robust elements, which make it a complete package of theme that could be converted into any keyword/niche site or blog. It has 3 column that can be customized into a portfolio, magazine, personal blog, products, list based sites and etc. It is optimized for both on-page and off-page SEO.  This template gives enough flexibility to rank your post higher in the search engine results. It will allows to index your posts 99% faster than the rest of the Blogger templates available on the internet.


                                       Live Demo                                  Download



After all, Download the templates from these by your own choice.I wish all of these is the best choice for you. Let's download the Mashable Like Blogger Templates and enjoy .

Read More

Hide Sidebar From Home/Index/Posts/Static Pages on Blogger Templates

Today, I will introduce you an important and essential tips. Many of Blogger has blog on Google Blogger (Google Blogspot Blog) . Google provides us this blog for free.By a Google account we can use it free continuously.It have not only too much features but also so much features to control overall bloging .But, It gives us a limited Option tools on it to control easily .But,By using Programming Code we can customize and modify it on various types.The Tips is

How To Hide Sidebar on Home Page, Index Page, Posts Page, Static Page and Maximize main width.

Let's Start ;

Follow this instruction given below ;


1. At first , Login you blog and select the blog which template need to back up.

2. Click on template option from blogger Dashboard.


3. Now ,Back Up your template for your templates safety.

4.Then click on "Edit HTML"

5.After that press  ctrl+f    from your keyboard .After pressing you will see a "Search Bar" .

6. Type the code are given below on that Search Bar" and press enter .

                                                       </b:skin>

 7. After finding that upper code Copy and Paste the given below code just After / Below upper code  ( </b:skin> )  .

                      <b:if cond='data:blog.pageType'>

                      <style>

                      #sidebar-wrapper {display:none;}

                      #main-wrapper{width: 70%;float:left; margin: 0 auto;}

                      </style>

                      </b:if>

8. Now, You need to modify this code depending on your own wish or blogger template capacity or style.

Like:

( i )    #sidebar-wrapper    : You must change it by your sidebar name which you want to hide .

( ii )   width: 70%               :  Change the width as your own wish .

( iii)   <b:if cond='data:blog.pageType'>       : You need to change it when you need to hide sidebar in specified location whether or not .


Now, I will provide you some code which will helps you to show or hide sidebar some fixed location .These are given below :

1. To hide Sidebar from Home Page

Use this code given below :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>

2. To hide Sidebar from Index Page

Use this code given below :

<b:if cond='data:blog.pageType == "index"'>
 <style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>

3. To hide Sidebar from Posts Page

Use this code given below :

<b:if cond='data:blog.pageType == "item"'>
 <style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>

4. To hide Sidebar from Static Page

Use this code given below :

<b:if cond='data:blog.pageType == "static_page"'>
 <style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>

5. To hide Sidebar from Fixed Page

Use this code given below :

Hints : You should need to change  PAGE URL HERE  by your web page link where to hide sidebar.

<b:if cond='data:blog.url == "PAGE URL HERE"'>
 <style>
#sidebar-wrapper {display:none;}
#main-wrapper{width: 70%;float:left; margin: 0 auto;}
</style>
</b:if>

After all, Save Your Template and exit from there.

That's end .I wish everybody will be able to do it .

Read More

Stop Indexing Blogger Blog From All Search Engines

Some time We need to stop search engine from crawling and indexing our blogger blog. Actually, This happens when we are going to introducing or publishing new blogger blog.

Some Reason for stopping search engine from indexing and crawling our blogger blog:

At first when we start a new blog or website, we always desire to stop all the main search engine from indexing and crawling the blog contents. Blog or website at the developmental stage has a lot of creepy errors, which will surely kill your blog beauty. So My suggestion will be for all is never access your blog or website in search engines when it is on developmental stage.
The reasons is that if anyone visits your blog that will never land again why because of incomplete designing, contents errors, and many mores. First impression is that last.

At first make your blog design professional,. When it becomes perfect look from every side then its the time to release it on all search engines.

How to Stop Search Engine From indexing your blogger blog

This is a very easy process. Follow the below given steps

    Go to blogger dashboard  >> Setting:
    Click on Basic >> Privacy:
    Click on the No option on both and Then Save see below:

    Now you have done almost to block the search engine.

After doing all the possible customization and  Designing, SEO optimization Titles, Blog Description and many mores. Once your site is ready for the release, you can easily follow the above same steps but this time select YES. It will give access to the robots, and they will again start crawling and indexing your site and sites contents in search engines.

Read More

Colorful Stylist Flat UI Labels Cloud Widget For Blogger

Increasing the looks of blog like making awesomeness and professionalism to blog templates and themes is usually best. As a result of there are many reasons for this like getting approval from massive advertising companies like Google Adsense and BuySellAds. There are several professional templates on the internet which we can use but it might not have uniqueness because they're made for public and everyone can use that. After theme or template, it's also important to have professional widgets such as Labels or Tags widget, Popular Posts widget, Social Sharing, Related Posts etc. If you are enough sensible in Web Designing with then you'll simply bring professionalism to your widgets however if not then there are already created awing widgets for you on the net. Today, during this post, we're attending to do a work with our blogs which can beautify our blog template a little bit.  I've customized  label cloud widget for blogger and below I am going to share it with all.

Colorful Stylist Flat UI Labels Cloud Widget:

These days Flat UI and Metro styles are largely trending in web designing. Today, once I came to update TechMasterLab and was concerning puzzling over the subject. I believed why not these days I do some customization with Blogger widgets and share it here. Then simply started selecting the widget for personification and that i came to grasp that labels cloud widget has been recent betting on all blogs thus I started doing one thing unaccustomed it. After that I created this colorful Flat UI label cloud widget .

So, this can be colorful Flat UI label cloud widget during which tags or labels are having multiple colors. that is why we've place "Colorful" word in its name. After this, It's look is impressed from Flat UI styles that is generally famed recently. The colors which I used in this widget are also Flat UI colors. Another features of this widget is that when someone hovers the mouse on any label it will give a beautiful effect. This widget is customized using only pure CSS. I have not used any JavaScript or any other heavy programming language. For this reason it will not affect on the loading speed of your blog.  So, let's begin the tutorial on however will we have a tendency to implement this colorful Flat UI label cloud widget for Blogger.

Step 1. Adding Labels Cloud Widget

• At First Go To Blogger >>> Layout >>> Add a Gadget
• Then Choose "Labels" Widget.
• After That Make Settings Like The Below Image & "Save" It.

Now the widget has been added into your blog.
So, It's time to customize the label cloud widget.

Step 2. Customizing Labels Cloud Widget

Go To Blogger >>> Template >>> Backup Your Template
Click Edit HTML and Find For ]]></b:skin>
Copy and Paste The Following Code Above ]]></b:skin>

/* Flat UI Labels Cloud By www.TechMasterLab.com ---------------- */

.sidebar .label-size {  position:relative;  text-transform: uppercase;  text-decoration:none;  font-size:13px;  font-family:Open Sans;  color:#fff!important;  }

.sidebar .label-size a {  color:#fff!important;  font-weight:bold;  padding:8px 10px;  margin:0 6px 6px 0;  float:left;  display:block;  -moz-transition: all 0.4s ;  -o-transition: all 0.4s;  -webkit-transition: all 0.4s ;  -ms-transition: all 0.4s ;  transition: all 0.4s ;}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

Click "Save Template".

Congratulations! You've successfully did it.

Final Words:

Readers So that was the colorful Flat UI label cloud widget. I hope this will help you to improve the style and design of your blog as it seems awesome in the design. If you're facing any problem in implementing this widget then feel free to ask in the comments. We're also creating some other widgets in our Lab so keep in touch with us to enjoy new and latest upcoming widgets. Don't forget to share your views and also share it with your friends. Take care!

Read More

How To Create A Free Blog On Blogger (BlogSpot)

Blogger is a product of Web Giant Google. Blogger is a free and most used blogging program preferred by most of bloggers. Only With a Google account it's possible to start the Blogger blog in a few minutes & almost all without spending any cost. Blogger is simple to operate & will probably be the beneficial start when you first enter in the field of Blogging. You can even host your custom domain without spending money to buy hosting. There are  many more benefits and strengths of Blogger(Blogspot) blog. As a Blogger user, you have to know all the limitations of Blogger account.However, as I mentioned above, for a beginner it is a great way to learn how to create a blog. And also begin the blogging process. 

So lets start to open a new Blog.

Procedure to Creating a Free Blog on BlogSpot:

Step-1: To create your free Blogger(BlogSpot) blog site, you have to go www.Blogger.com and login using your Google account (Gmail Account). Don’t have a Google (gmail) account? Don't worry! you can create for free.

Step-2:  Once you are logged in, click on “Create Your Blog ” or click on this link to directly go there: Create Your Blog 

For a first time user, you will see an option to use the identity from your Google Plus profile, or you can use your limited Blogger profile.

Step-3: After Choosing Profile you will see a button named Create New Blog. Now,Click on it.

Step-4: After Clicking on the button a new window will appear. Where you will  see Two blank Space named Title , Address . Title is declared your website name & Address is your website link.

Step-5:  Now, Enter your Website Title & Address  you want. If your Website link is available then choose any template given below name Simple, Dynamic Views, Picture Window & so on. Then Click on Create Blog Button.

Now your blog is created, 

Click on View Blog to view your blog

Now, Your Blog is created

There are a few settings you will find on left Sidebar on your blogger account that you need to set on your newly created Blogger blog to make it easy to use. At this time your blog template is default blogger template. You may also use custom template for your website. Some templates are available in our website for your help.

Best Of Luck. Happy Blogging.

Read More