How to add Facebook Comment Box in Blogger?

Today, I am going to share,

How can you add Facebook Comment Box in your Blogger Template

 check out  our another Post about

How to Add Facebook Popup Like Box in your Blogger Template

Step by step Process

1. Go to your blogger Dashboard , Then Teplate to edit Html.
2 Now ctrl+f to Find this following  code .

<data:post.body/>

3 Place the code below under the line of <data:post.body/>

<h3>Post Comment</h3>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='500'/>




4. Save template. Done.

Read More

How to add the Post Title Before the Blog Title in Blogger?

This is so easy to add Post Title Before the Blog Title in Blogger. This is also very important for SEO. You can also Add Meta Descriptions in Blogger to get better result in search engine.

step by step Process

1. go to blogger Dashboard, Then Teplate section to edit HTML
2. Ctrl+f to Find following Code,

 <title><data:blog.pageTitle/></title>

3. Replace this code with the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

4. Save template. DONE

Read More

Add Facebook Popup Like Box in Blogger Template

I found lots of tutorial over internet about How to add Popup Like Box in blogger Template, After searching a lot , a found this one best, and check all code in my Try out Hairstyles Blog. Everything is fine, there has no error, Now I am going to tell you everything here, So you can also add Facebook Poppup like box in your Blogger template.

Here is step by step process to go,

1. Open you Blogger dashboard and go you template section to edit HTML code.
2. Look for </head> and place following code before </head> .
3. Code to place-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
4. Save Template.

6. Now go to layout section, click "add a gadget"  to add  html/java script code.
7. Add following code here,

<a href="http://tryouthairstyles.blogspot.com/" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XVFBWapHuI8ZHPgs9ffNPiOKccaUsUmYJL42OkKo_XBxI5goKGLLCiw2BUcp07xpLnqjk0JuI4RlC1bPFWe33yijEFqiBNRCd9axCsDojEQ4wN0XZFvF1WeJAiM_mHbmcJOiAEjTI5uz/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/updohairstyles&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://facebook.com/mfshahi">shahi</a> / <a href="http://www.techtunes.com.bd/?p=149612">+Get This!</a></span></div></div>
</div>

8. Replace  https://www.facebook.com/updohairstyles with your facebook page  url and replace http://tryouthairstyles.blogspot.com/ with you blog url.

9.Save  everything.
10. Enjoy.

Read More

20 Sites for Download Free Blogger Templates

Today, just come with a list of free blogger templates. Download as many template as you want, It just FREE FREE and FREE.

http://www.premiumbloggertemplates.com/

http://btemplates.com/

http://www.zoomtemplate.com/

http://blogtemplate4u.com/

http://besttheme.net/

http://www.deluxetemplates.net/

http://www.bloggerthemes.net/

http://www.blogcrowds.com/

http://themecraft.net/

http://www.bloggertemplatesfree.com/

http://www.allblogtools.com/

http://www.bloggerstyles.com/

http://bloggertemplateplace.com/

http://bloggertheme.net/

http://www.dhetemplate.com/

http://www.templatesblock.com/

http://www.lovelytemplates.com/

http://chicablogger.com/

http://buymythemes.com/

http://www.xmlbloggertemplates.com

Read More

Download Periodic Table Of SEO Success Factors From searchengineland.com

I just found this amazing table when I did a missive search in searchengineland.com for something NEW to learn. Though this is not new for me and not for you at all I hope. But the breaking news is Google update his Search Algorithm, called

Hummingbird Algorithm

I hope you enjoy this article and ENJOY this new Search Algorithm. Right?? ME NOT :-(

After panda and  penguin update we all SEO Professionals(Specially Me) are going to be MAD. Can't find a appropriate way to solve all problem, Actually there are thousand of problem you can't imagine. Main problem is, It is so hard to explain everything(all changes) that client easily understand. Most of the time they don't have a well-furnished website, can't serve login access to edit website, but they wants to get huge organic traffic. Ok ... OK.. Don't want tell everything right Now, just download this amazing Periodic Table Of SEO Success Factors, I am coming back soon with rest of my story and off course a new Gift for you.

Table Of SEO Success Factors

Have a nice time.

Read More

How to Add Meta Description to Individual Posts in Blogger

Check out My previous post about How to Add Meta Descriptions in Blogger Home page if you don't know how to do that.

Add Meta Description to Individual Posts in Blogger

1. Open an Existing post you want to add meta description.
2. On the right hand side, you see the "post settings" column
3. On this column, look for "Search description" box, you find it at blottom of this column.
4. Write your meta description here.
5. Save your changes. DONE

Read More

How to Add Meta Descriptions in Blogger

ADD Meta Descriptions in Blogger

1. Log into Blogger and go to Dashboard
2.  In right hand side, go to Settings then Search Preferences. 

3. In the top, Click on check box to "Enable Search Description" 
4. Enter your Search Description here.
5. Click on "Save changes" button

This is your meta description of your Blog Home Page. Here is My next post about How to Add Meta Description to Individual Posts in Blogger

Read More