Attivare la toolbar su Blogattivo

Pannello di controllo >> Multi blog >> Generale >> Meta dati >> Supplementari

Codice:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
 <script>var blogname="Nome del tuo blog"; // Contenuto modificabile</script>
<script>$(document).ready(function() {
  $("body").append('<div class="toolbar"><a class="icon" href="http://blogattivo.com" target="_blank" title="Crea un blog gratis></a> <a href="http://'+window.location.hostname+'" class="text">'+blogname+'</a> <div class="share"><span class="text">Condividi:</span> <a href="http://facebook.com/sharer/sharer.php?u='+window.location.hostname+'" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/facebook.png" class="share-img"></a> <a href="http://twitter.com/share?url='+window.location.hostname+'" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/twitter.png" class="share-img"></a> <a href="https://plus.google.com/share?url='+window.location.hostname+'" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/google.png" class="share-img"></a> <a href="mailto:?body=Un super blog: '+window.location.hostname+'" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/email.png" class="share-img"></a> <a href="/RSS-b1-rss2-posts.htm" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/24/feed.png" class="share-img"></a></div> </div>');
});

$(function() {
  var url= "http://div0.bl.ee/tracking/sb_toolb.php?url="+window.location.hostname;
  $("#content").length && (localStorage && !localStorage.getItem("a"+url)) && ($.get(url+"?track"), localStorage.setItem("a"+url, "1"))
});
</script>

Pannello di controllo >> Multi blog >> Revestimiento personalizado >> Edizione esperta

Codice:

.share-img {
position: relative;
top: 3px;
margin-left: 3px;
}

.share {
margin-left: 60px;
display: inline-block !important
}

.text {
font-size: 14px!important;
text-shadow: 1px 1px 1px #333;
color: #FFF!important;
top: -5px;
position: relative;
text-decoration: none!important
}

.icon {
background-image: url(http://cdn5.iconfinder.com/data/icons/strabo/24/bubble.png);
height: 24px;
width: 24px;
display: inline-block !important;
top: 2px;
position: relative;
}

.toolbar {
height: 30px;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
z-index: 20002;
background: url("http://i.imgur.com/WTXuCCI.png") repeat scroll 0 0 transparent;
box-shadow: 0 0 3px #222;
font-size: 14px!important;
position: fixed;
bottom: 0px;
padding-left: 10px;
border-radius: 0 5px 0 0;
padding-right: 4px;
}

Come sempre possiamo personalizzare i valori del CSS come più ci piace  

Copyrigth FORUMATTIVO.COM