Hover Networks

Tutorial by Unzo - http://unzo.tumblr.com/

01- Paste the following code before "</style>" in your HTML code (ctrl+f to search)

#networks{
    z-index:1000;
    position:fixed;
    overflow:hidden;
    width:80px;
    height:15px;
    top:30px;
    right:10px;
    padding:5px;

    text-align:center;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;

    cursor:default;
}

#networks:hover{
    z-index:10000;
    height:500px;
}

#networks .title{
    padding:2px;

    font-family:calibri;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;

    cursor:pointer;
}

----------------------------------------------------------------------------------------------------

02- Paste under "<body>" the following code

<div id="networks">

<div class="title">
Networks
</div>

<!-- Logo --->
<p>
<a target="_blank" title="TITLE" href="URL"><img src="LOGO URL" width="70">
</a>
</p>
<!-- Logo --->

</div>

----------------------------------------------------------------------------------------------------

03- Update Preview -> Save. Refresh the page and done!

PS. If you want to add more logos just copy and paste the "Logo" content.