Show Blog Post Title Before Blog Title on Blogger Blogspot Blog

Blogspot blog on Blogger is a great way to start blogging for making money online, but to make more money Search Engine Optimization is really important and showing title of the blog post before blog title, is the first need to get good visitors from search engines like Google, Yahoo, Bing etc.

Well, in this blog post I will share with you step by step ways to do it as well as I will share with you couple of bonus SEO tips.

Those are Meta Descriptions and Meta Tags.

These two are also important factors on those basis search engine shows results.

So, lets start doing those steps-

Well First Go to Blogger<Log In<Click on Blog<Click on Template(This option you can see right side on your screen)<Now Click on Edit HTML<Then you will see lots of code there within the box, that's lot of code but you need to just the paste the below code-
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html><html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://ogp.me/ns/fb#'>  <head><meta content='3ECE3F7AD2E0116D2C402644EC62531F' name='msvalidate.01'/>
     <b:include data='blog' name='all-head-content'/><b:if cond='data:blog.url == data:blog.homepageUrl'>
 
<meta content='Description of your blog' name='description'/> 
<meta content='Keywords of your blog' name='keywords'/> 
</b:if><b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/></title>
</b:if><script type='text/javascript'>
  var _gaq = _gaq || [];  _gaq.push([&#39;_setAccount&#39;, &#39;UA-38494140-1&#39;]);  _gaq.push([&#39;_trackPageview&#39;]);
  (function() {    var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;    ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);  })();
</script><link href='Favicon URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
You need to little take care of pasting the above code, now go through what exactly I am going to tell you, now where you are right now, scroll down little longer then find <b:skin> from those codes, you can find out easily there, otherwise use one single shortcut.

Just Press CTRL + F, then type there <b:skin>, you will automatically be there(This step is working only on Window PC)

Then copy paste the above code, now you did it, for what you are looking for means "Show Blog Post Title Before Blog Title on Blogger Blogspot Blog".

Here, you need to do a little for SEO your blog, as I have promised earlier about it, that I am going to give to tips to SEO your blog.

Here, in the above code you can see lines are black those two lines are for SEO of your blog, here in the first line, you need to write about your blog with little description of your blog, but do not copy from others.

In the second one you need to write keywords those are related to your blog, like for my blog blogspot, blogger tips, SEO guide, make money online.

In this way you need to do it.

At the last you can see Favicon URL that is the symbol of your blog or icon of your blog, you can see on your browser, if you have not used it then by default you will blogger symbol, well for this I have written a separate blog post, you must read this tutorial and go through it.

It will make your blog professional.

Here- How to Add Favicon to Blogger

Conclusion-
The tutorial for Blog Post Title Before Blog Title, it self good for blog, because it will improve ranking of your blog post on search engines, I hope you are going get more benefit of it.

Is there are anything else would you like to know about blogging?