Foating Socmed Button

So guys langsung aja ya...

Preview

• Login to blogger >> dasbor
• Tata Letak / Layout
• Copy kode ini

<STYLE>

#mrsbloggie {background: #ffeaea;

border:2px dashed #ffdfdf;

position:fixed; top:5px; left:5px;

padding-top:5px;padding-bottom:17px;

color:#aaa;

padding:7px;

float: left;

width:130px;

display: inline-block;

transition: all 0.5s ease;

-o-transition-transition:  all 0.5s ease;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

border-radius:5px;

text-align:center;

}

#mrsbloggie:hover #lol {

opacity:3;

TEXT-decoration: none;

-webkit-transition-duration:.7s;

overflow:hidden;

z-index:966666666666666666666666666666666666666669;

height:auto;

}

#lol {

padding-top:10px;

font-family: short stack; 

font-size: 11px;

margin-top:1px;

margin-left: -7px;

position:absolute;

overflow:hidden;

TEXT-decoration: none;

line-height: 20px;

padding: px;

opacity:0;

transition: all 0.5s ease;

-o-transition-transition:  all 0.5s ease;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

width:150px;

}

#lol a{

background:#FFEEEE;

color: #aaa;

border:1px dashed #ffdfdf;

width:144px;

TEXT-decoration: none;

text-align:center;

display:block;

line-height: 20px;

transition: all 0.5s ease;

-o-transition-transition:  all 0.5s ease;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

}

#lol a:hover{

color:#FFE4E1;

TEXT-decoration: none;

background: #fff;

border:1px dashed #FFE4E1;

opacity:100; transition: all 0.5s ease;

-o-transition-transition:  all 0.5s ease;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

}

</style>

<div id="mrsbloggie">

My SocMed

<div id="lol">

<a href="URL FACEBOOK KALIAN">FaceBook</a>

<a href="URL TWITER KALIAN">Twitter</a>

<a href="URL INSTAGRAM KALIAN">Instagram</a>

<a href="URL TUMBLR KALIAN">Tumblr</a>

<a href="URL BLOGSKINS KALIAN">BlogSkin</a>

<a style="border-radius: 0px 0px 10px 10px;" href="URL BLOGGER KALIAN">Blogger</a>

</div>

</div>

• Paste di html box
• Save

Cr:Here