Cominciamo Con Le Istruzioni Per Rendere Galleggianti I
Gadget Di Blogspot
Premetto che se anche non avete la minima idea di cosa sia l’html
l’editor e quant'altro; se seguite alla lettera queste semplici passaggi,
avrete il Vostro Gadget Che Galleggerà sul sito, quindi anche se scorrete la
pagina verso il basso, il Gadget sarà sempre presente.
Ok Cominciamo.
Andate sulla Home Page del Vostro Blog e cliccate con il
tasto sinistro del Mouse sul simbolo del cacciavite incrociato con una chiave
inglese, che si trova vicino al Gadget
che volete rendere galleggiante. ( Nella foto io ho cliccato sul gadget delle
icone social )
Una volta cliccato si aprirà una nuova finestra dove potete
modificare le impostazioni del Vostro Gadget, ma Voi dovete solamente prendere
nota, ( magari scrivetelo su un foglio Word ) della parte finale dell’
indirizzo del Gadget. Nell'esempio come nella foto in alto foto, l’indirizzo completo del mio gadget
html è:
http://www.blogger.com/rearrange?blogID=4202628556660694269&action=editWidget§ionId=sidebar2&widgetType=null&widgetId=HTML1
Di tutto l’indirizzo quello che a noi
interessa è solamente la parte finale, quella colorata di rosso, ossia tutto
quello che c’è scritto dopo il simbolo =
Bene ora che avete preso nota delle ultime lettere, andate
sul pannello di controllo del Vostro Blog, cliccate su: Modello poi cliccate su Modifica HTML, a questo
punto si aprirà una schermata come questa,
a questo punto portate il mouse in
una parte qualunque del codice e cliccate semplicemente con il tasto sinistro,
ok ora dovreste vedere il cursore semplicemente lampeggiare all’interno del
codice, se è così, ora dovete premere contemporaneamente sulla Vostra tastiera il
tasto Ctrl insieme al tasto F se avete fatto
tutto bene, vedrete comparire una casella di ricerca (la stessa che potete
vedere nell’immagine di esempio qui sopra ) ora scrivete nella casella QUESTO CODICE: </body> e cliccate su invio, vedrete che ora nella Vostra pagina
di codice comparirà la stessa scritta </body>
colorata di giallo come in foto.
Ancora una volta posizionate il vostro mouse
nella riga sopra alla scritta </body> e
cliccate con il tasto sinistro, vedrete così che il cursore lampeggia proprio
sopra al codice giallo, a questo punto copiate questo codice che Vi riporto qui
di seguito:
<script
type='text/javascript'>
//<![CDATA[
flot_widg("HTML1");
function
flot_widg(elem) {
var wdg_fl = document.getElementById(elem);
var scroll_wd =
document.createElement("div");
wdg_fl.parentNode.insertBefore(scroll_wd,
wdg_fl);
var width = wdg_fl.offsetWidth;
var tipo_wd = wdg_fl.className + ' wdg_fl';
window.addEventListener('scroll',
flott_widget, false);
function flott_widget() {
var rect =
scroll_wd.getBoundingClientRect();
if (rect.top < 0) {
wdg_fl.className = tipo_wd + '
flott_widget';
wdg_fl.style.width = width +
"px";
} else {
wdg_fl.className = tipo_wd;
}
}
}
//]]>
</script>
<style
type='text/css'>
.flott_widget
{background:#ffffff !important; position:fixed; top:0; z-index:99999;}
</style>
Se volete essere più tranquilli e non
commettere errori, questo codice qui sopra, incollatelo in una pagina word, e
una volta fatto, dovrete semplicemente modificare la parte di codice colorata
di rosso, con il codice che all’inizio di questo articolo avete trovato nel
vostro Gadget ( ricordate? Quello che compare dopo il simbolo = )
nel mio caso è HTML1 nel Vostro presumibilmente sarà Label1 oppure Subscribe1 etc ok ora che avete sostituito il
Vostro codice dovete incollarlo, come ho detto prima, appena sopra la riga dove
c’è scritto </body> colorato
di giallo, il risultato dovrebbe essere simile a questo:
Ora è sufficiente cliccare su salva modello
è il gioco è fatto, ma se non siete sicuri ( anche se io conto su di voi )
cliccate su anteprima modello prima di salvare.
Post
0 commenti:
Posta un commento