Skip to main content

Metro style social widget for blogger

By

  1. Log in to Blogger Dashboard > Layout
  2. Click on Add Gadget
  3. Choose HTML / JavaScript
Paste the following code
<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/your blog name"></a></li>
<li><a class="tw" href="http://twitter.com/your blog name"></a></li>
<li><a class="gp" href="https://plus.google.com/user id"></a></li>
<li><a class="pi" href="http://pinterest.com/user id"></a></li>
<li><a class="in" href="https://www.linkedin.com/in/user id"></a></li>
<li><a class="yt" href="http://www.youtube.com/user id"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/your blog name"></a></li>
</div>
<style>
          .metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>
Labels:
Location: Kolkata, West Bengal, India

Comments

Post a Comment

Popular posts from this blog

AYE AYE :THE BAD LUCK OMEN

By
Aye Aye is one of the rarest animals of the world. It belongs to the mammals groups. This rare creature dwells in globular nest which has a small hole to enter and exit. When this creature rides on the tree, it uses its middle finger to tap the tree. It uses its slender finger to find out the taste insects. Aye Aye also uses the same middle finger to lift out insects. Its eyes and ears are unusually large. Due to its big eyes some consider this creature as the demon. These types of creatures are very sensitive. These rare creatures are generally found in the Madagascar Island.  The native islanders of Madagascar often killed this creature in first sight because they believe this creature as evil omen. Aye Aye are the only primates of the mammal world to depend on echolocation for pursue.But the most astonishing fact is that this species is in great danger. These animals are particularly fond of ceramicist beetle. They even eat insects, nectar, seeds etc. Aye Aye are dark/brown or ...
Post a Comment
Read more

THE MYSTERIOUS DISEASE HARLEQUIN ICHTHYOSIS

By
Harlequin Ichthyosis is one of the most mysterious diseases of the world.  It is also called “HARLEQUIN BABY”. It is popularly known as a skin disease. It happens due to the thickening of Keratin in human skin. Due to this disease the skin contains massive diamond shapes and skin takes reddish color. Due to this disease eyes, ear and penis increase abnormally. It is easily attracted by bacteria and it causes infection. Harlequin type generally appears in baby’s face and the serious hyperkeratosis helps to cause diamond shape in skin. It causes serious facial deformities. Ear and nose do not develop normally or some time remain abolish .Eyelid remain everted and the mouth often remain open due to this disease. Due to this disease finger, feet etc always remain in a deform state. Fingers and toes develop abnormally. These are generally abnormal in size. This type of patients cannot grab thing properly. It causes respiratory problem in them . Genetic testing is the most progressive t...
Post a Comment
Read more

THE RARE FIBRODYSPLASIA OSSIFICANS PROGRESSIVA

By
It is extremely rare bone disease. In this terrifying disease muscles tendons, ligaments etc turned into bone. In this disease bone begins to originate in place of connective tissue. Autosomal dominant allele in chromosome is responsible for this terrible disease. In maximum cases the unnatural mutation in gametes is the main cause behind this. The people who are suffering with FOP have no children. This disease generally happens to see 1(one) man among 2 million people. The transmutation in the gene ACVR1 is also liable for this disease. The children who have born with FOP have big toes probable no joint. It is a genetic disease and the growth of the bone during this disease starts from the top of the downward. The bone started to grow from neck, shoulder gradually chest arms etc. There are several instances available across the glove of this disease since 1800s.Harry Eastlake is the victim of this disease. His body had completely ossified and he was died in 1973.He donated his body ...
Post a Comment
Read more