Attivare la toolbar su Blogattivo


Tutorial Attivare la toolbar su Blogattivo

Messaggio Da Niko il Mar 29 Apr 2014 - 20:06

Attivare la toolbar su Blogattivo


Cari membri

con questo tutorial potrete aggiungere la toolbar sui vostri blog cosi come accade per i vostri forum Forumattivo; l'unica eccezione è che non sara disponibile il sistema di notifiche, ma solo la condivisione della pagina sui socials Wink


Codice Javascript

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

e aggiungiamo il seguente
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>

L'unica parte modificabile è "Nome del tuo blog con il contenuto personalizzato che desiderate

Una volta completato, registriamo le modifiche


Il codice CSS di stile

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

e inseriamo il seguente codice:
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 :bene: 

Una volta finito registriamo  e le modifiche saranno disponibili sul nostro blog! 

Buona giornata :zen:


Tutorial per Blogattivo creato da 
Wave (staff del FDB francés) - 10/02/14. e tradotto da: Niko
Copyrigth © FORUMATTIVO.COM
avatar
Niko
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum