How To Add Floating Facebook Likebox Widget

√

In this tutorial i will show you how to add a cool Floating Facebook like widget for Blogger that slides to the left on mouseover. Demo: You can see a static facebook badge at the right side of this blog.In this tutorial you have to perform just two simple steps and you will have your own Floating Facebook like widget on your blogger.

Step 1. Adding JQuery Plugin To Your Blogger Blogs

1. Go To your Dashboard > Design > Edit HTML 
2. Search for </head> before it Paste the following JQuery code
3. Ignore this step if you have already added JQuery Plugin to your blog.

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

4. Save Your Template.

Step 2. Add Floating Likebox To Your Blogger Blogspot

1. Go To Blogger > Design > Page Elements
2. Click on "ADD A GADGET"
3. Choose HTML/JavaScript Widget
4. Paste the Following Code inside it.


<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/-UuBsjDC5vSc/TuiSd0g9bHI/AAAAAAAAAyk/MqKt8IpiIVM/s1600/facebook1.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: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #FF9D00;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://www.facebook.com/CrackModo&amp;
width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=8&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://www.gurusmaker.blogspot.com">Huge Tymers Community</a></span></div></div>


Now the last thing is, replace CrackModo with your Facebook Page's Username.
5. Save Your Template.

Don't forget to like us on Facebook. 

For more information stay connected and please comment us.

Related Articles:

How to Build Your Website 

How to make a free Website 

More Blogger Templates 

Make A Blog In Two Steps 

How To Change Blogger Template 

How to Increase Blog Traffic (Free SEO) 

Awesome Professional Blogger Templates 

2012-2013 Hair Styles For Men

√

Hair style refers to as styles of hair of human head. This hair style is also a fashion which every man do. But some hair style does not suit on some person's face. so follow some important tips below :

Tips:

choose style

which suits you

consider age factor

quality of hair

colours of hair.

Please like us on facebook.

View more pictures

1

2

 3

 4

 5

 6

 7

 8

 9

 10

11

12

13

14

15

16

17

Short Shaggy Hairstyles

√ We look many hairstyles all of around us but new short shaggy hairstyles are not common in the girls. This hair style is being made by the girls that know the hairstyle in deep. This particular hairstyle is much pretty and looks descent when viewed by any angle.

Beauty and charm of the girls is measured from many aspects like face shape, body shape, dressing, makeup and hairstyle. You can select your own hair style that is according to your shape and skin color. The recent years of this new century invent many styles but the favorite of the trend lovers is shaggy hair style. Last decade was also full with different haircuts and Hollywood film industry invents numerous fashions for the viewers. The pleasant look of shaggy hair style is again come back in the film industry and most of the celebrities seen in this awesome hairstyle. There are numerous advantages of this particular and easy hair style. The maintenance and hair cutting is not needed on instant times and a certain amount of time is passed by this style.

New short shaggy hairstyles include small layers that enhance the look of the style. Most of the girls like to make layers of their own choice length but this is not good. You are not looking the angle of appearance as the stylist can see. So you should trust on the beauty expert while you making your beautiful shaggy hair style.

This perfect hair style is most favorite of the confident girls and ladies. There are three types of the shaggy hair styles that is small shaggy hairstyle medium shaggy hairstyle and large shaggy hairstyle. All the clients like to cut the hairs in different size of layers and really attractive idea. It is suggested that do not create more and more layers because the look of this shaggy medium cut hair style will become dull. Long shag works very well for the face shape and improves your complexion of the face.

For getting more smoother and pretty hair styles you should make medium shaggy hairstyle that is suitable for all the body heights and complexion. The trimming is required after two months and you can get this style newer again.

Medium Hairstyles For Black Women 2012

√

The Medium Hairstyles For Black Women 2012 is usually considered to be that one that sits on or just above the shoulder. This haircut is one of the most common today, popular among teens, young women and even middle aged women. The medium length hair is one that has the widest range of hairstyles to choose from to compliment any face, any age and any occasion. The medium hairstyle has in fact been touted as the only hairstyle that is both professional and chic.

Medium Hairstyles For Black Women 2012

The layered hairstyle is a favorite among women with medium haircuts, and is in fact one of the most popular hairstyles of both the professional woman and the housewife. The layered look is easy to style and easy to maintain. For the office, the medium layered hair can be combed down or flipped in to create a look that is professional but soft. The medium layered hair can also be easily clipped up or held back in a clean ponytail while in the office and simply shaken loose on the way to a lunch date. It can be flipped out to go to a party or pinned up to go to a wedding. The layered look is indeed one of the most versatile medium hairstyles available to a woman.

Bouncy Animated Loading Animation

√

This CSS trick is amzanig and i am sure you will like it. Just another coolest thing with CSS3 animations. If you are worried about super deep browser support, use a GIF file.
Well, I guess you are using a good browser. If i am wrong then please uninstall it and install and use a good/better one. Thank You!

***---HTML---***

<div class="loader">

    <span></span>

    <span></span>

    <span></span>

</div>

***---CSS---***

.loader {

    text-align: center;    

}

.loader span {

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    margin: 50px auto;

    background: black;

    border-radius: 50px;

    -webkit-animation: loader 0.9s infinite alternate;

    -moz-animation: loader 0.9s infinite alternate;

}

.loader span:nth-of-type(2) {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

}

.loader span:nth-of-type(3) {

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

}

@-webkit-keyframes loader {

  0% {

    width: 10px;

    height: 10px;

    opacity: 0.9;

    -webkit-transform: translateY(0);

  }

  100% {

    width: 24px;

    height: 24px;

    opacity: 0.1;

    -webkit-transform: translateY(-21px);

  }

}

@-moz-keyframes loader {

  0% {

    width: 10px;

    height: 10px;

    opacity: 0.9;

    -moz-transform: translateY(0);

  }

  100% {

    width: 24px;

    height: 24px;

    opacity: 0.1;

    -moz-transform: translateY(-21px);

  }

}

 Reference URL 

Top 2 Seo Mistakes To Avoid For Better Page Ranking In Search Engines

√

Today the bloggers are facing extreme levels of competition. I think this is the time to stand out from the crowd. So now you need to work better in your SEO strategies to make your blog competent. Make sure you publish the articles that are helpful and unique. Ff you are managing your blog,then the this article will be helpful to you because this will article realize you some of the SEO mistakes that has chances of ruining the search engine ranking of your blog. I am pretty sure that you already know well about Search Engine Optimizations (SEO), So i come to the main topic.

Also Read: How To Increase Blog Traffic (Free SEO)
Also Read: 10 Tips on How To Increase Alexa Rank Of Your Blog

Unrelated Backlinks From Other Websites

Although backlinks helps your blog/website to get high page rank in search engines but if you are attempting to increase in popularity of your blog and get backlinks from those websites that have diffrent niche from you and is completely unrelated from your blog and you are successfull in getting dofollow backlinks from those websites then google will ultimately make a fool of you. That link will not proves helpfull because Google spider(robot) is there. So it is recommended to avoide such backlinks because these will affect your blog in negative way.

No Internal Linking The Blog Post

Internal Links are definitely essential from the SEO point of view because by interlinking the old post you will gain more page views. By internal links you can also increase the bounce rate of your blog time. The readers/visitors will stay on your blog and will open your old post and they will start liking your blog posts. So it is highly recommended to interlinks your blog posts.

Medium Hairstyles

√

The Medium Hairstyles is among the most popular hair lengths sported by both the common woman and the celebrity diva alike. The medium length hair in fact is a compromise between the long hair and the short hair, offering up advantages of both the worlds of the short haired woman and the long haired woman.

The woman with medium length hair has a wide range of styling options from which she can choose. Some of the more popular haircuts of the woman with the medium length hair revolve around the layered haircut. This is in fact one of the most versatile haircuts that a woman could get. Quite simply, it can compliment almost any type of face and can be very easily re-invented for a different look. With razor cut layers, the flipped out layers would look ever so chic and sassy, while the graded layer would take the years of an older woman's age. In addition, the layered hairstyle is one that can be very easily swept up into a simple ponytail or brushed open for a more playful look. It is very important for young professional women to find a hairstyle that can very easily change from the professional look to the club look. The layered hairstyle does this very sleekly and smoothly.

Medium Hairstyles

The bob is another popular medium length cut, as is the shag. These styles are very popular among the chic and confident women, though not necessarily so among the more professional or mature women. Although both these styles include some layering, they are difficult to pull up into the more severe looks required on the job, and therefore not acceptable in some professional professions.

But in addition to the cut, the Medium Hairstyles is also versatile in that its range of textures can be easily transformed into the other so that you never get bored with your hairstyle or run out of styles for those different events. The curly hair can be straightened and the straight hair can be curled; the frizzy hair can be tamed and the tame hair can be teased; the wavy hair can be crimped or the crimped hair can be made wavy - the options are endless with the medium length hair. You can even choose if you want a semi-permanent change or a temporary one or even a semi-permanent one. Curling irons and ceramic straightening irons, even traditional curlers are all temporary means of changing one's hair texture for a single special event or outing.