Thursday, April 18, 2013

How To Add Floating Facebook Like Box In Blogger?


Today I share the widget of blogger.Here is Floating Fb Like box.This widget is best for web/blogbecause social media is most important to promote your blog.customize this widget e.g You Can Chang it's Position.This widget Make your blog more Beautiful.Maybe you Like this post.If you want to adding this widget in blogger.please follow these steps.See pic Example of  Floatindfacebook like box.


How to Add Floating Facebook Like box to blog?
Follow steps and add this widget. 
  • Go to Blogger > Layout > Add a Gadget > Select HTML/JavaScript Gadget
  • Add an HTML/JavaScript Widget and paste below codes in Gadget box.

<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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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=http%3A%2F%2Ffacebook.com%2FMr.FarhanKayani&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></div></div>

Save the widget.

After adding above code now find this tag </head> (use:Ctrl =f)  in your Template >> HTML >> Proceed and Paste the below codes just  above/before the </head> tag.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


 Changing Mr.FarhanKayani with your Facebook's page user name and  float:right, if you want this Fb like box   appear at left side then change the property right to left in e.g float:left


SEO - Search Engine Optimization Bible


SEO - Search Engine Optimization Bible

SEO - Search Engine Optimization Bible
Author: Jerri L. Ledford
Publisher: Wiley Publishing Inc.

Google's Search Engine Optimization Starter Guide


Google's Search Engine Optimization Starter Guide

Google's Search Engine Optimization Starter Guide
Author: Unknown
Publisher: Unknown

Optimize Your Blog Post Titles for Better SEO




The reason most of the blogger templates aren’t that SEO friendly because templates available in Blogger were designed long ago and haven’t been updated, probably since 2007, since then Google SEO algorithm has changed a lot and as being on blogger you don’t want to be left long away, to keep up with the competition making your Blogger template SEO friendly is very important and so this small SEO related article will help you to leave your competitors behind.

If you are also using a template from Blogger then you need to make some changes on it to fit your needs and also to fit the search engine needs. Normally search engine don’t focus on the markup importantly but it’s a good thing to change it to something user friendly.  What Blogger templates like ‘Simple’, Travel’ etc. have h1 tag as it’s Blog title, which is normal. But the Post title is not okay that all, it is in an h3 tag, for many reasons your blog might not being shown up in the search results and this is on of those reasons.

You won’t find any difficulties with a WordPress theme, as they are freshly published and reviewed by experts but templates in Blogger were made by expert but not freshly launched. Just as the search engines detects an anchor link because of it’s markup then why can’t they see what heading is being used for what area.

Optimize the post title to heading2 in Blogger


Enough about it’s effect, let’s talk about how to make the changes applicable. These easy instruction will give you the easiest way to turn your post title to h2 from h3.

01. First of all login to your Blogger Dashboard
02. Go to the Template tab and click on Edit HTML, ignore the warning and proceed.
03. Check mark the ‘Expand Widget Template’
04. Use CTRL+F and search for this line
      <h3 class='post-title entry-title' itemprop='name'>
05. All you have to do is just change the <h3> to <h2>, change of only a number. But we aren’t done yet,
      remember there’s still an ending/closing tag. You have to change both starting <h3> and ending </h3>
      tag into the template. In the middle it’s all XML codes that works on the server to serve an HTML page.

Changing the closing and starting h3 tag

After you turn the starting h3 to h2, do remember to change the ending tag too or it will create difficulties while saving the template.

06. You will find the tag two times. one is for Desktop Version Template and another is for Mobile version
      Template. I recommend you to change all h3 that marks as the post title to h2. Searching for <h3 will
       bring up the codes but as i already said, remember to change corresponding closing tag too.

Yeah that’s it ! It doesn’t only increase visibility and beauty of your blog in search results but also make your blog user friendly. Now stop using h3 for your post title, h3 is only good in the post body for heading. This was not a big change or addition for better SEO in your blog but remember it is how SEO works, there’s no easy and direct way to get to the top of search results, small and effective actions you take regarding your blog makes it a hit on SEO and search engines.

Don’t get worried if your blog don’t do too good in the search results, keep posting and that’s the most important aspect in getting to the top. And this blog is always free to read, check post related to Blogger SEO for some more amazing post and do comment for our coming posts.

Wednesday, April 17, 2013

I am back.

I am back for blogging and will publish some new posts quickly.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons