5 Online HTML Compressor Tools For Web Page Speed Optimization

What is Web Page Speed?

Web Page Speed is a measurement of how fast your web page content loads on browser.

Does page speed matter for SEO?
Yes, it matters and webpage speed optimization is an important part in SEO. Also page speed is one criterion to improve Google page rank. It can be measured in two ways – page load time (the time a web page takes to load fully) and time to first byte (the time it takes for a browser to receive the first byte of information from web server). Goggle is more inclined to measure page speed based upon 'time to first byte'. Fast page load speed means, search engine can crawl and index more pages within allocated time. Above all it improves user experience and decrease bounce rate.

There are many ways to improve page load speed and HTML compression is one of them. By optimizing your HTML code like remove extra spaces or unused code or comments, you could decrease page size which in turn helps to load page faster.

So far we have got to know how html code compression helps to boost page load speed and overall SEO.

There are many HTML compressor tools – few of them need to be installed locally and others are online. Here we will discuss such free 5 online HTML compressor tools that could help you to minify HTML code and improve page speed.

Top 10 Search Engines In The World

Do you know there are more than 250+ search engines in the World!
Obviously Google is the best and most popular search engine but there are many other search engines that serve millions of people every day. Also every search engine does not work in a similar fashion like YouTube focuses mainly on video search, Monster search engine is only for finding jobs.
Here we have listed down top 10 search engines based upon Alexa rank, Compete rank, unique monthly visitors, functionalities provided, user friendly interface and obviously data dictionary.

Dialog vs Dialogue

'

Dialog vs Dialogue

– what is the difference between these two words ?' – asked by Sab.

Thank you Sab for asking us question!

There is no difference in meaning between Dialog and Dialogue, it is completely geographical difference. Dialog is preferred spelling in American English where Dialogue is preferred in all other verities of English.
Similar difference can be found in many other words as well like Color or Colour, Behaviour or Behavior, Honor or Honour.

If you have any doubt or want to ask us question, please feel free to comment here or drop us email admin@blogtlog.com.
Also you could follow 'BlogTlog' on Facebook / Twitter / LinkedIn / Google+ or join our website as follower.
Sharing is Caring, please feel free to share this with your friend.

<< In the Internet or On the Internet or Over the Internet                                                                   Check or Cheque >>

In the Internet or On the Internet or Over the Internet

One of our readers dropped us an email asking which one is correct to use – In the internet or On the Internet or Over the Internet. Though there is no hard and fast rules but this is how we use.
We hardly use the phrase 'In the Internet' but there are few places where we have to use. For example, 'We live in the Internet era'. Internet is used as an adjective here, so there is no other option to use 'On' or 'Over' instead of 'In'. 
'On the Internet' is most commonly used phrase, mainly when Internet is referred as a storing place or any activity performed online, for example 'I have found this song on the Internet'.
There are few places where 'On the Internet' or 'Over the Internet', both can be used. For example, 'You can buy this over the Internet' or 'You can by this on the Internet', both are correct. If you say 'I have found this song over the Internet', though there is nothing wrong in it but 'on the Internet' sounds better here. Mainly it depends on the person who is using it and the verb that is used to form the sentence. 

Answer is as per our understanding, please feel free to share your view. 

If you have any doubt or want to ask us question, please feel free to comment here or drop us email admin@blogtlog.com.
Also you could follow 'BlogTlog' on Facebook / Twitter / LinkedIn / Google+ or join our website as follower.
Sharing is Caring, please feel free to share this with your friend.

<< Solve vs Resolve                                                                                                                         Analyse or Analyze >>

Solve vs Resolve

Below are the differences between Solve and Resolve (Solve vs Resolve):
'Solve' is generally used when there is a problem and we are trying to work out, but the problem does not involve any kind of disagreement with other person. For example, I have solved the math puzzle. Here math puzzle does not create any type of conflict or disagreement, so we have used 'Solve', not 'Resolve'.
'Resolve' is used when there is a conflict or disagreement and we are trying to find out answer or fix it. For example, They worked together to resolve the issue. There could be many ways to solve the issue, that means there are many opinions and conflicts. In such scenario, 'Resolve' must be used, not 'Solve'.
Do you want to improve our answer "Solve vs Resolve"? Please feel free to comment here. 
If you have any doubt or want to ask us question, please feel free to comment here or drop us email admin@blogtlog.com.
Also you could follow 'BlogTlog' on Facebook / Twitter / LinkedIn / Google+ or join our website as follower.
Sharing is Caring, please feel free to share this with your friend.

<< Awaiting vs Waiting                                                           In the Internet or On the Internet or Over the Internet >>

How to remove border and shadow from blogger image

If you add any picture in Blogger, by default Blogger sets shadow and border around the image. Here we will discus how to remove border and shadow from blogger image.

Steps to remove photo border in Blogger :

Step 1: Go to Blogger dashboard and navigate to Layout > Template Designer to open Blogger Template Designer window

Step 2: Click on Advanced > Add CSS and add below CSS script inside 'Add custom CSS' box
      .post-body img, .post-body .tr-caption-container {
      padding: 0 !important;
      background: none !important;  border: none !important;
      -webkit-box-shadow: 0px 0px 0px transparent !important;
      -moz-box-shadow: 0px 0px 0px transparent !important;
      box-shadow: 0px 0px 0px transparent !important;   }

Awaiting vs Waiting (Wait vs Await)

Below are the differences between Awaiting vs Waiting (Wait vs Await).
1. 'Wait' is used in the sense of 'expect something, staying in one place'
    'Await' is used in the sense of  'Look forward   or Expect something'
2. 'Wait' is an intransitive verb, so it cannot take direct object. But 'Await' is a transitive verb, so it can have direct object
Not acceptable: Ben is waiting Jack’s reply.
Acceptable: Ben is waiting for Jack’s reply 
Acceptable: Ben is awaiting Jack’s reply.

Remember: 'Await' can be replaced by 'Wait for'.
Do you want to share your knowledge or want to improve our answer "Awaiting vs Waiting"? Please feel free to comment here.

If you have any doubt or want to ask us question, please feel free to comment here or drop us email admin@blogtlog.com.
Also you could follow 'BlogTlog' on Facebook / Twitter / LinkedIn / Google+ or join our website as follower.
Sharing is Caring, please feel free to share this with your friend.

<< Analyse or Analyze                                                                                                                        Solve vs Resolve >> 

How to backup blogger template

Backup of blogger template is very much important step when you add/modify blogger template script. If any functionality break happens after modification or want to go back to older template, you can easily restore your previous version from backup copy. It is really easy to take backup of blogger template.

Follow below steps to take a backup:

Step 1: Login into blogger account and click on your blog to go to blogger dashboard
Step 2: Click on Template > 'Edit HTML' button, it should look like below

Step 3: Place the cursor inside the code window, right click and choose 'Select all' option. Then again right click and copy the whole code. You don’t need to expand the template because copy option will copy the whole template.
Step 4: Open Notepad++ or any other text editor to paste the code. Save and keep it as backup copy.

How to remove Showing posts with label in Blogger

Label is very much important in blogging, it helps bloggers to categorize articles into groups. If you have used label to categorize contents, then you may have seen the message ‘Showing posts with label’ also, just below the label bar.

This is pretty useless message and annoying also, neither blog writers want it nor blog readers. In this post, we will discuss how to remove Showing posts with label message in Blogger.

Steps to remove Showing posts with label message:
Step 1:
Go to Dashboard > Template and click on ‘Edit Template’ button. You will see the html-css code which is responsible to render your blog layout. Before doing any code change, always take the backup of blogger template. If anything goes wrong after code change, you can revert it easily.

Step 2: 
Click anywhere inside the code and search (ctrl+f) for the string ‘<b:includable id='status-message'>’. This id section is responsible to show the message.

How to add a gadget or widget inside blogger header or above post (body)

If you are using default blogger template for your blog, then you can not add any gadget/widget inside header section or just above blog posts (body) section. Only few blogger templates allow you to add one more widget except blog header under Header section. Typically blogger default template looks like below

Default blogger template allows us to add widget only in sidebar and footer. Here we will discuss how to add 'Add a Gadget' option beside header or above blog post section.

To create 'Add a Gadget' option inside header section, follow below steps:
Step 1: Go to blogger dashboard and then click on Template > Edit HTML option

Step 2: Before doing any changes in blogger html, take a backup of blogger template. If anything goes wrong during script change, we can always restore our blogger template from backup copy.

Step 3: Click anywhere inside the code and search (ctrl+f) for the string '<b:section class='header' id='header' maxwidgets='

Create Horizontal or Vertical Navigation Menu Bar to categorize posts in Blogger

For any website or blog, it is very much important to categorize articles properly. It increases the readability of your website or blog and decreases the bounce rate which helps to improve website overall rating. If you are using blogger to manage your posts, then it is really easy to categorize contents using 'Label' tag. Here first we will see how to categorize posts in Blogger and then create Horizontal or Vertical Navigation Menu Bar.

How to add label with articles in Blogger?
To add label with articles, you can follow either one of below two options.
First option:
- Go to your blogger dashboard and open the article to add label
- At top right hand side corner, you will see post settings option. Now click on the 'Labels' tag and write the tag name. You could add more than one label with an article, separated by comma. Once you have added all desired tags, click on Save button.