2 ridiculous easy methods to follow your favourite blogs

The definition of followers in blogging is a group of people who are interested in reading your blog. They follow your blog to remain in the loop to receive your updates and read them.

You as a blogger should facilitate people in becoming your blog's followers easily. You shouldn't make them suffer just to follow your blog. In this the most easiest is to add a followers gadget in sidebar or footer frame of your blog. 

Login in blogger>Layout>Add a Gadget>More Gadgets>Followers>Save Arrangement.

If people who want to remain in your loop are quite savvy in blogging, they'll know how to follow your blog even if you haven't added follower gadget. But we shouldn't assume same for all. We have to add it. 

In same case, we also find some blogs wonderful with articles that needed for us. We feel tempted to remain in loop with them. This means we also have to follow their blogs. But how we can remain in loop with them? I am talking about how to become follower of another blog.

There are two ways to follow a blog:

• From follower gadget
• From reading list addition

To follow via follower gadget, first you have to open a blog which want to follow and see if that blog has follower gadget being added either in sidebar or footer columns. 

Read: How to add responsive recommended contents of your blog using limk tool?
 
If that blog has follower gadget, then the procedures to follow that blog will be as follows: 

Click on Join this site>Select your account>Select following mode (in private or public).

If your following mode is private, your profile image won't appear in that blog's follower gadget but updates of that blog will get displayed in your blog's dashboard under reading list. If mode is public, your profile image will be displayed as well as update feeds will be displayed in your blog's reading list.

Read:How to hide a title of a sidebar or footer gadget using in blogger?

But if you're a blogger, it's always advised to follow publicly. When your profile photo is being displayed, visitors of that blog may click on your image and then visit your blog. The chance of receiving new visitors and followers will be higher if you follow any blog publicly.

Let us assume that the blog you want to follow doesn't have follower gadget. It's possible. Many big blogs don't have this just to use blog's homepage space judiciously. 

In such case, how to follow that blog? I mean how to follow a blog when there is not follower gadget. The procedure is given below:

Login in blogger>Open a wanna follow blog>Copy the URL>In your blog dashboard, click on ADD just below Reading List>In add from URL, paste that URL>Choose following option>Click Follow.   

Just like how we follow via follower gadget, impacts of following the blog either publicly or anonymously are same. Just like before, if you have blog, I will advise to follow publicly to get new visitors, followers and also may be backlinks for your blog. 

This is it - a comprehensive guide on how to follow another blog. However, sometimes we follow some blogs which we later realize aren't worth following. In such case, we have un-follow them. There are also two methods to un-follow a blog. So remain in my loop to read that tutorial too. Thanks!

How to change default robots.txt to improve page ranking?

Did you hear about Robots.txt? Not really. Right? It's something technical. But don't worry. I know about it and you're saved from cracking your head. I will explain it to the level I know and understood its workings.

If you're wondering, what this robots.txt has to do with websites or blogs, let us try getting bit technical. It's some sort of technical protocol we defined for our blogs/websites as how to behave in the internet world. Or we can say it's a system through which various crawlers or search engines are directed how to index or access the contents of our websites. 

Robots.txt basically does the following works:

• Helps Google crawl the right contents in our blogs/websites.
• Blocks Google from accessing some selected posts/pages.
• Blocks some unwanted URLs.

All blogs or websites will have inbuilt default robots.txt. To see this default robots.txt of a blog, just add /robots.txt after URL.

My blog's URL is www.stcbmtl.blogspot.com. If I want to see its robots.txt then I have to add /robots.txt after above URL. In URL tab, it should appear like www.stcbmtl.blogspot.com/robtots.txt. Once I press ENTER button, the robots.txt of my blog will be displayed. It will be something like

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://stcbmtl.blogspot.com/sitemap.xml

This means my blog has by default a robots.txt that debarred media partners-Google from accessing the contents and indexing them. This means the rate at which Google ranks my blog will be hurt badly.

Read: How to add SEO responsive meta tags in a blogger template you're using?
 

If I change Disallow: into Allow: then Media partners-Google will be allowed to crawl and access all the contents. This will improve my page rank in search engine and help in getting organic views. 

In second stanza of my robots.txt file, a * has been added to signify all other robots or search engines. When it says Disallow: /search it's actually blocking any URL that has search extension after URL. In Allow: / it means my robots is being directed to let other search engines crawl and index others except URLs having search extension or character. 

Let me make it simple. I want to let all bots access and crawl my blog's contents because I want to increase pageviews, I will change first two stanza of my robots.txt file as:

User-agent: Mediapartners-Google
Allow: 

User-agent: *
Allow: /

I don't want to add any exception. I have changed disallow into allow in first stanza and then remove whole line of disallow directive in second stanza. As I said I want all search engines to crawl my blog's contents just to improve its pageviews and traffic.

Bonus: How you can change the default robots.txt file of your blog?

Login>settings>search preferences>crawlers and indexing>custom robots.txt>yes>paste your default robots.txt>edit>save changes.

We have also sitemap in the last stanza of the default robots.txt file of our blogs. What is this? It's a map of our content that will be used by search engines as and when they crawl through the contents. It's important to add that too. You shouldn't remove it.

Read: How to write a blogger post to increase the loading speed of the page?

But if you have quite a number of videos and images in your blog and you don't want them to leave un-crawled and un-indexed, you have add another two sitemaps for them just below your content map. It will be like:

sitemap: http://www.stcbmtl.blogspot.com/sitemap-image.xml
sitemap: http://www.stcbmtl.blogspot.com/sitemap-video.xml

Therefore, we can say that robots.txt can be a powerful tool to make your blog accessible to different search engines and robots. You can add many exceptions too. You can block your competitor's website, certain posts and pages, images and also videos. Only thing is you should know how to edit and add it. Incorrect usage of robots.txt will badly hurt your blog's ranking in various search engines. Better safe than sorry.

Hope you'll see your default robots.txt file and then make necessary changes. If things don't turn-out as you like them to, leave as comment. I will try to help to the level I know about it. Thanks!

How to add recommended contents' tool Limk in Blogger?

When you read a blog, aren't you getting tired sometimes while navigating through a blog just to find articles you want? Admit it. Yes, me too. In such cases, related post tools become handy. Now there are many tools that also show recommended contents. They also help a lot.

      
There are as many as 15 tools that are made to show related posts in a blog or website. But bloggers commonly use linkwithin. But this tool doesn't show related posts. It instead shows only posts from a blog at random often defying its purpose being a related post tool. 

Some of such tools are:

1. nrelate
2. Taboola
3. Shareaholic
4. Zemanta

Nrelate used to be quite popular. But now it's closed and its users were being asked to remove subscription codes embedded in blogs/websites. 

Read: How to hide display of related posts from the homepage of a blogger?

These tools can be used to show only the related posts. To show recommended contents, we will need some other tools. Addthis is one of the most popular and widely used tool. But Addthis also shows only the recommended contents from a blog/website. It can't be used to show recommended contents and related posts together. 

This shortcoming is being addressed by yet another new tool Limk. If we add Limk in our blog or website, our earlier posts will be shown as related posts or recommended contents. In this way, it will not only make our blogs sticky reducing bounce rate, it will also ensure easiness for navigation across the content. 

Therefore, I would like to recommend adding of Limk in your blog. It will also change traffic your blog receives in a good way.

1. Open Limk.
2. You can sign-in or sign-up (whichever is applicable)
3. Add your blog by clicking on sites.
4. Click on Widgets
5. Choose the design
6. Click on Next
7. Click on Install Widget
8. Add widget
9. You may re-position it as you want
10. Click on Save Arrangement.

You're done. Now you can open your blog to see the recommended contents generated by Limk in a design you have chosen in step#5. If it didn't work, leave them in the comment. I will help you in getting it added unto your blog. Because I also want you to increase your blog's traffic and reduce the bounce rate of your blog. Thank you!          

      

How to add Popover optin tools in blog using Mail Munch?

There are many tools for building email list for bloggers. Email list building is undeniably important for any online content writer, marketer, business person and of course blogger. The size of audience of your blog or online business is directly proportional to your email list.

     
If you read success story of any professional blogger who make living just out of their blogs, one secret behind their success will be well established email list they have. 

Some of the tools for email list building are:

1. Aweber
2. MailChimp
3. GetResponse
4. Sumo Me
5. Mail Munch

They help bloggers for building email list and then marketing their contents via auto generated emails. This in turn will improve the traffic of a blog. 

Read: How to add responsive and cool social media sharing buttons in blogger?
  

You can signup in any of the above free tools and implement in your blog. And one very important additional tools such tools provide for bloggers and website owners is easy creation of optin plugins/gadgets. 

What is optin tools?

You must have seen features in many of blogs from where a reader can subscribe to newsletter of the blog. That is actually optin tool. Some will be floating and some will be statically positioned at sidebars or footers of blogs. 

But professional bloggers' recommendation is to have floating optin for any blogs or websites. Because it will not only double the attention received from readers when they pop up but also increase the possibility of more readers subscribing to your blog. 

People who have subscribed will receive all your updates as mails. And not only that we can also keep them in our loop and send updates that were made in the past embedded in mails. This will really increase the number of people visiting a blog daily, monthly and yearly. 

How to install Optin tools?

Let me keep installation of optin tools to a blog using other email list building tools for later, today let me guide you through how to add optin tool using the last tool i.e. Mail Munch. 

 

1.  Open Mail Munch

2.  Signup in it (it's free)

3.  Give the details (email, password and your blog link)

4.  Click on signup

5.  Select the form type (popover is recommended)

6.  Select the form themes

7.  Give Form Title (this won't appear in optin)

8.  Click on Create Form

9.  You can change messages, appearance, fields, behaviour etc..

10. Click on Finish button. Don't click on Integrate button for now

11. A code will be displayed. 

12. Copy the code and paste above </head> of your blogger template. 

You're done. Optin will be displayed whenever a reader visits your blog. If you have email list ready in elsewhere, you may click on integrate to combine the list. I assumed you don't have this just now. 

Read:How to add stylish table content/site map in a blogger as a page/tab?
   

Hope you have successfully added popover optin tool in your blog and appears wonderfully displayed when you open your blog. If it has not worked, leave your queries as comment. I will see. Thanks.  

How to add forum page in blogger using free tool Nabble?

If your blog receives quite a good number of visitors, creation of separate page as forum is highly recommended to farther boost readers' engagement and reduce its bounce rate. Readers can share things through forum. You can also attend numerous queries of your readers. 

                        
There are many tools that can be used to create forum for a blog. Many use Google Group Forum and others use Nabble. Whichever one uses, the ultimate purpose of creating forum will remain same-to bring readers together to share knowledge and doubts. 

Let us keep adding Google Group Forum in a blog for another day. We'll try creating a forum in Nabble and then add in a blog. 

1. Go to www.nabble.com
2. Click on Create Free Forum
3. Fill up the details
4. Click on Create Forum
5. Confirm by opening your email
6. Open the link sent by Nabble
7. Click on Structure
8. Click on Create a New Sub-forum
9. Give required details
10. Click on Create Sub-forum
11. Click on option>Embedding Options
12. Select (Ctrl+A) the JavaScript code
13. Copy (Ctrl+C) the JavaScript code

Your forum is being created right there. Now let us add it as a separate page in a blog.

1. Login to your blog
2. Select the blog (if you have many)
3. Click on Pages
4. Click on New Page
5. Give the Page title as Forum
6. Select in HTML mode
7. Paste (Ctrl+V) code of step#13
8. Click on Publish

You have created forum using Nabble and also embedded into your blog. You can also customize forum design just like a blog. You just have to click on options>Application and then continue customization.  

How to add stylish responsive Table of content in Blogger?

We can show all our blog posts till date in one page just like how we make a table of content in any report. We also call it as Table of Content in blogging context. This will make navigation across our blogs more easy and engaging. Though Blogger have a default gadget for it, we always love to have something better.

                    
I have already shared a post on how to do this in your blog. That wasn't responsive and moreover not much stylish. Some bloggers may love to add styles to their blogs and on adding Table of Content can't be exceptional.

You may also love:  

• How to add HTML Box in a Blogger Post?
• How to remove Navbar from a Blog?
• How to disable Magazine style design in Blogger Template?

New Blogging Tips & Tricks has developed this tool for us. We can just directly implement in our blog. I will guide in have it implemented well and also may be some ideas to customize it. The HTML for this is given below:

<div id="tabbed-toc"><span class="loading">Loading...</span></div><script type="text/javascript">var tabbedTOC = {blogUrl:"YOUR BLOG URL", containerId: "tabbed-toc", activeTab: 1};</script>
<style>#tabbed-toc{margin:0 auto;background-color:#fff;position:relative;color:#333}#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:#fff}#tabbed-toc li,#tabbed-toc ol,#tabbed-toc ul{margin:0;padding:0;list-style:none}#tabbed-toc .toc-tabs{width:2%;float:left}#tabbed-toc .toc-tabs li a{display:block;overflow:hidden;text-overflow:ellipsis;color:#000;text-decoration:none;padding:9px;cursor:pointer}#tabbed-toc .toc-tabs li a:hover{background-color:#D85252;color:#fff}#tabbed-toc .toc-tabs li a.active-tab{background-color:#343434;color:#fff;position:relative;z-index:5;margin:0 -1px 0 0}#tabbed-toc .divider-layer,#tabbed-toc .toc-content{width:80%;float:right;background-color:#fff;border-left:5px solid #343434;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0}#tabbed-toc .panel{position:relative;z-index:5}#tabbed-toc .panel li a{display:block;position:relative;font-size:15px;color:#000;line-height:20px;padding:12px;text-decoration:none;outline:0;overflow:visible}#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:400;font-size:10px;color:#666;float:right}#tabbed-toc .panel li .summary{display:block;padding:10px 12px;font-style:italic;border-bottom:2px solid #888;overflow:hidden}#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}#tabbed-toc .panel li:nth-child(even){background-color:#eee}#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:hover time{text-decoration:underline;outline:0}@media (max-width:700px){#tabbed-toc .toc-content,#tabbed-toc .toc-tabs{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{border:1px solid #eee}#tabbed-toc .toc-tabs li a.active-tab{background-color:#343434;color:#fff}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>
<script src="https://blogeutectics.googlecode.com/svn/trunk/Sitemap-eutecticsV4.js"></script>

Let us now install in your blog. Follow the given steps:

1. Login to your blog
2. Select the blog (if have many)
3. Click on Pages
4. Click on New Page
5. Give Page Title (may be table of content)
6. Select HTML, not Compose
7. Copy the above code
8. And paste in it

You may then replace YOUR BLOG URL with url address of your blog and then click on Publish Button on the top right side of your page content. You're done. It's being added into your blog. Hope you love it. Keep blogging!

Why there is no full time professional blogger from Bhutan?

You must have read stories of some inspiring bloggers. You also must have seen their earning levels. But I am sure none of the stories you read were about bloggers from Bhutan. And also statements of incomes earned out of blogging were also that of other country bloggers.

How to write blog post to increase loading speed of a blog?

How do you usually write a blog post in your blog? Do I sound insanely irksome? Because I am asking something that is a basic which every blogger knows of. But wait a minute. You too must be missing something in it which I too have missed in my first blogging days.

                  
When I didn’t know much about blogging, the way I write a blog post used to be quite an easy one. But never knew it was unprofessional too.

   

I used to first open my blog, click on create new post button, write an article and then click on Publish Button when it’s done. 

Sometimes I used to open MS Word, write an article in it, open my blog, copy-paste the article from MS Word and then click on Publish Button. 

But it was much later I knew it was totally unprofessional.  When I directly wrote an article in blog, I was so naïve in knowing the monetary value of internet connectivity. We know how much time will be needed just to finalize one post draft.  So you can imagine how much money I must have wasted even in drafting a post. 

Read: 10 most effective methods of increasing page-views of a blog in blogger

When I do so in MS Word and then publish directly by means of copy-paste from there, I also didn’t know how much unwanted codes will be unseeingly going with the post article. This had really reduced loading speed of my blog – according to web design experts. 

If you don’t believe me, try this once in your blog. Indeed you’ll be surprised. And I bet you’ll totally hate it.  

But you don’t have to worry about it. I have realized this mistake long before you stumble in this trench. I will guide you in writing a blog post in such a way that the money you have to pay for your internet connection will be reduced as much as loading speed of your blog will be improved.

If you can write post exceptionally faster, you may directly write in your blog and then publish them. There is no point in preparing post draft in other platforms just to save your internet data expenses. But it’s very much unlikely that any blogger would do it – even one who can write post very fast. Some time will be required to do proof-reading. 

1. Open MS Word 
2. Write blog post 
3. Copy (Ctrl+C) 
4. Open MS Wordpad 
5. Paste (Ctrl+V) 
6. Select All (Ctrl+A) 
7. Copy (Ctrl+C) 
8. Login to Blogger 
9. Select your blog 
10. Click on Create New Post
11. Paste (Ctrl+V) 
12. Click on Publish

But before clicking on publish button, you may have to do text realignments, change font colors, font styles or add images/thumbnails according to your preferences. 

You must have noticed. We are actually doing copy-paste thing twice in above; 1) from MS Word to MS WordPad and 2) from MS WordPad to Blogger. 

Read: The smart ways to design SEO responsive blog post labels in blogger 

Copy-pasting blog post from MS Wordpad is to remove the unwanted codes which will go along should the post be copy-pasted from MS Word directly. Their presence will reduce loading speed of a blog. Removal of them will improve it. And not all readers will have patience to wait. 

Therefore, we should write blog post in such a way that loading speed of our blogs isn’t reduced.  This is one of the recommendations for it.

12 differences between professional & normal bloggings

You must have heard these terms – professional blogging and normal blogging. But have you ever wondered what must be the differences between the two? 

In simple term, professional bloggers blog as a career and earn living out of it whereas normal bloggers just blog out of passion for writing online without a motive of making a living out of it. 

             

However, this doesn’t encompass all their differences. Therefore, let us try differentiating between the two based on following areas:

Motive of Blogging

A person who is a professional blogger aims only to make more and more money out of his blog. So the main motive in professional blogging is to make more money. But in normal blogging, it’s just to express opinions or simply to archive experiences or knowledge. 

Main Income Source

The money earned out of blogging will be main income for professional blogger. So blogging will remain as main income source in professional blogging. In normal blogging, blog won’t be a main income source as motive isn’t to make money out of it.

No. of authors

A blog maintained by professional blogger will have more than one author. Many bloggers will be contributing guest posts in professional blogs that have higher traffics so that in return their blogs get noticed by the readers. But in normal blogging, usually one person will maintain and write articles in the blog.  

Areas of Blogging

Professional blogging will be focused on one area i.e. its niche like blogging, photography, technology etc. But normal blogging will be at random whatever comes in blogger’s mind.

Blogging Skills

Professional blogger should have better blogging skills when compared to normal bloggers. Latter doesn’t have to bring more traffic unlike in former where traffic determines income level.

Blog Designs

A blog focusing on professional blogging will have better and generally accepted kind of blog design. But normal blogger doesn’t need professional design. He can have designs according to his own preferences.

Expenses in Blogging

In professional blogging, a blogger will have to spend at least some in buying domain, auto-responder, Alexa, content marketing and hosting. But in normal blogging, those things aren’t necessary and expense will be almost zero. 

Advertisements

In professional blogging, display of third party ads is almost unavoidable. They help to earn money. In normal blogging, ads display isn’t necessary.

Update Frequency

Professional blogger must update as frequent as possible to cope up with change in taste of people and then generate traffics. In normal blogging, updating can be done as and when admin feels like to do. It depends on him.

Marketing

In professional blogging, different techniques or strategies must be used to market the blog and its contents to gain more traffic. Traffics determine income level. But in normal blogging, marketing of a blog isn’t necessary.

Traffic Importance

Professional blogging is a game of traffic. A blog with good traffics can earn more. But in normal blogging, traffic isn’t that much important.

Nature of Views

In professional blogging, the views and expressions given in contents will be specifically more on professional fields whereas in normal blogging, things will be views of a person who maintains the blog.

8 common cons of maintaining a blog at medium.com

We have covered looking into advantages and disadvantages of few popular blogging and publishing platforms. We have seen both pros and cons of blogging at WordPress. We have also learned advantages and disadvantages of maintaining a blog at blogger. I think we have also seen advantages of blogging at medium.com. Today let us see disadvantages of blogging at medium.com.  

1. No Templates

There is one and only one template. The preferences of its customers aren’t taken into consideration. If you’re going to open a blog at medium.com, be ready to remain fixed with just one blog template they have provided.

2. No Freedom

When there aren’t options to pick up templates base on your likes and dislikes, you are actually being forced to accept what they have provided. There is no freedom for you.

3. Too Simple

Blogging with medium is too simple. Even average computer literate can use it comfortably-no HTMLs, CSS, Gadgets, designs customization access. There is no room for learning and improvement. Your blogging knowledge will remain same till the end.

4. Copyright Issues

The import of articles from other websites though is quite easy at medium.com, there is no means whereby articles to be imported are being verified of their true owners. Copyright related problem isn’t taken care as much as it deserves.

5. No Gadgets

You cannot add any gadgets forget about third party gadgets. It even doesn’t have its own. This means you cannot add additional information frames like recent posts, popular posts, profile, Facebook like box, followers, subscription button etc. either in sidebar or footer area. 

6. No Customization

You cannot edit template, add header banner, gadgets or third party templates. There isn’t any customization access given for you. Literally you cannot change anything in your medium.com blog. You can only change post thumbnails and may be font styles or sizes in post.

7. Not Bigger Platform

People often criticize medium.com as being a place to just share information and not a blogging platform. They say that it doesn’t qualify to be one when professionalism, users and designs are being considered. If your aim is to become a professional blogger, medium.com won’t be a right choice. 

8. Content Security

Since medium.com is one of the new blogging platforms, there is a possibility that it may fail like new comer blogging platforms. If it remains, it is of well and good. But it cannot do well and has to leave the business, and then all your blog contents will be gone with them. 

Therefore, many people are of the view that medium.com is more into sharing and reading. Not into writing thing. If you have blog in other platforms and share them in medium.com, it will improve audience of your blog. Sharing of articles and discovering of new good articles are easy at medium.com.

Citizenship in Facebook -Your Blog's Facebook Fan Page

What is the highest traffic generating site of your blog? Google. I guess. Why not Facebook? It should be on the top or at least in second given the fact that people today use Facebook as much as they use other websites like Google or Twitter. What must have happened with your blog? Why Facebook hasn’t generated much traffic?
                              

How to add awesome hover effects to blogger post titles

In our previous post, you have learned how to add dotted horizontal lines above and below the blogger post title area. You have also done some customization in it to fit your preference. Hope you found that tutorial easy and helpful. And now let us take that tutorial little farther and try adding some hover effects on that customized area.
     

The hover effects will appear whenever a reader take computer cursor on that area. It will make your blog post title stylish. To add it, consider the following steps:

Login to you blog>Click on Template>Click on Edit HTML>Find (Ctrl+F): ]]></b:skin>. And just above it, paste the given HTMLs: 

.post h2:hover{
border-top:1px dotted #0080ff;
border-bottom:1px dotted #0080ff;
background-color: #B7B9B7;
color:#666;
padding-top:2px;
padding-bottom:2px;
}

In above code B7B9B7 is a background color of that customized post title area. You can change it according to your preference.  Once having changed the color code, click on Save Template. You can view the blog and take cursor on any of post title. Hope it appeared in your blog. Enjoy Blogging. Cheers!

How to add simple dotted border to post title in Blogger?

Did you see two beautiful horizontal dotted lines on the post titles of our blog? It's quite cool. Isn't it? It not only gives distinctive appearance for our post titles but also makes them appear quite professional just at a glance. This is actually another version of subheading customization. Don't worry. We will make this happen in your blog too. 

To add dotted borders for your post titles, consider the following steps:

Login to your blog>Click on Template>Click on Edit HTML>Find (Ctrl+F): ]]></b:skin>. And just above it, paste the given code:

.post h2{
color:#666;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
font-size: 23px;
padding-top:2px;
padding-bottom:2px;
}

Customization:

1. color:#666; To change the background color of your post title area. 
2. border-top:1px To change the thickness of dotted line above Post Title. 
3. border-bottom:1px To change the thickness of dotted line below post title  
4. font-size: 23px; To change the font size of your post title

Once you have changed everything as per your requirement, click Save Template. You're done. Enjoy Blogging. Cheers!