Passa ai contenuti principali

Aggiungere sidebar in blogger.

A tutti voi ecco un altro trucchetto per modificare il nostro blogg, con piattaforma blogspot.
Come prima cosa quando siete su modifica modello html, scaricate e salvate una copia del template non si sa mai vada storto qualcosa.

A tutti voi ecco un altro trucchetto per modificare il nostro blogg, con piattaforma blogspot.
Come prima cosa quando siete su modifica modello html, scaricate e salvate una copia del template non si sa mai vada storto qualcosa.
Ora scrollate fin giu nel codice, fermatevi quando trovate il codice:

Non vi spaventate se non trovate i tag >b:widget id="HTML2" come i miei non sono importanti, l'importanete è che selezionate dall apertura del tag >div id="sidebar-wrap"> fino alla sua chiusura.ok!
Bene ora copiate e incollate tutto il codice un po più sopra esattamente:

Qui fermatevi e alla fine di questo codice, INCOLLATE.
Se volete la side bar a sinistra, perchè il codice che vedte qui sopra si riferisce all'header del vostro blog, quindi incollando il codice subito dopo la sidebar viene caricata a sinistra, se invece volete la side bar a destra, un po piu giu al codice trovate questo div

>div id='main-wrap1'> >div id='main-wrap2'>
>b:section class='main' id='main' showaddelement='no'>
>b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
>
>/b:section>
>/div> >/div>

andate subito alla fine di questo div e incollate il codice .


SECONDO PASSO
Copiate questo codice

>div id='left-sidebar-wrapper'>
>div id='sidebarbottom-wrap1'> >div id='sidebarbottom-wrap2'>
>b:section class='sidebar' id='left-sidebar' preferred='yes'>

e incollatelo nel codice appena incollato su, precisamente al posto di queste righe:

come avrete notato, il codice appena incollateo ha i tag di apertura al contrario sono in rosso.. mettetteli a posto. <. Ora andate nel codice quasi all' inizio sopra, esattamente qui:
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Fermatevi, e alla fine di questo codice, copiate e incollate questo:

#left-sidebar-wrapper {
width: 240px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

Ora tornate nel codice qui:

>div id='left-sidebar-wrapper'>
>div id='sidebarbottom-wrap1'> >div id='sidebarbottom-wrap2'>
>b:section class='sidebar' id='left-sidebar' preferred='yes'>

e cancellate tutti i tag contenenti i widget
>b:widget id='HTML30' locked='false' title='LINK AMICI' type='HTML'/>
Non è detto che siano tutti HTML30 voi cancellate lo stesso, ma lasciate solo uno con HTML nel caso non lo avete copiate e incollate il codice sopra. Questo vi aiutera a capire nella visualizzazione in modalita elementi pagina. RICORDO DI CAMBIARE I TAG DI APERTURA DA >a<. ULTIMO PASSO Tornate un po su nel codice nella parte css e cercate:
#outer-wrapper {
background:...;
width:...;
margin:...;
text-align:...;
font:...;
}

e nalla riga width:...; aumentate di 220px il valore (es: width:700px; diventa width:920px;).
Ora salvate il modello. E visualizate in elementi pagina, dovreste vedere l'elemento HTML che abbiamo lasciato nel codice widget provate a scriverci qualcosa salvate e date un occhiata al blog. FUNZIONA? nel caso non dovesse funzionare aprite il modello salvato all'inizio con un semplice editor testo copiate e incollate tutto nel codice del template del vostro blog. Se volete una mano non esitate a postare.
Alla prox

Commenti

  1. ciao..ti ho aggiunto al mio blog con piacere..se hai qualke consiglio per la grafica del mio blog l'accetto volentieri..io ne capisco poco di html :(

    www.mark-be.blogspot.com

    RispondiElimina
  2. scusami,vorei aggingere la sidebar ma non è molto chiaro il post..al punot 1 e al termine del punto 2..puoi darmi una mano

    RispondiElimina
  3. si certo ma dove nn ti è chiaro? basta copiare il codice che devi trovare all inizio sidebar-wrapper, tutto dall apertura alla chiusura, e te lo duplici subito sottoheader wrapper,e poi lo stesso con lo stile relativo al div sidebar-wrapper te lo duplichi e cambi il relativo nome con questo div id='left-sidebar-wrapper'..mi sembra chiaro..se hai difficolta ci sentiamo . incollami il codice che nn ti è chiaro ma ricorda di togliere il tag di apertura nei post..saluti

    RispondiElimina
  4. mi spiace ma non è molto chiara come guida

    RispondiElimina
  5. e lo so mi dispiace ma se nn sai fare col codice tutto ti risulta difficile, io dò consigli e idee poi sta a voi a personalizzarli per il vostro blog, anche perche il codice cambia da template a template quindi, non ci posso fare niente..ciao

    RispondiElimina
  6. Scusa se approfitto di te, chissà se puoi aiutarmi, nel senso che quello che mi puoi dire sarà alla mia portata;)
    In un blog a cui mi sto dedicando da pochissimo vorrei fare quest apiccola modifica: infatti non vorrei cambiare template perchè mi sta bene quasi tutto delle caratteristiche del mio, tranne che vorrei evidenziare i titoli della colonnina a destra (dove metto foto,animazioni ecc.) con un colore tipo albicocca (stile quello standard di Word 2003 che uso).

    Io uso blogspot/blogger, Thisaway Blue mi pare il template, uno di quelli a scelta.
    In un altro template che però non mi piace questa opzione c'è...non è che sapreste guardare il codice per me e indicarmi se l'aggiunta/modifica è cosa da poco o stravolge tutta la base?
    Al limite se mi dite almeno come si chiamano i titoli della colonnina a destra...slidebar?Boh!
    Proverò a pasticciare col codice facendo le prove ma prima è meglio che raccolga qualche informazione base o proprio lasci perdere...dimmi qualcosa tu ti prego traducendo terra-terra...!
    Ciao e grazie
    Alessia
    Al limite ti mando il codice, ma non vorrei strafare e intasare..

    RispondiElimina
  7. ciao dalla mia breve ricerca, fatta in due minuti dovrebbe essere questa pate di codice riguardante il codice css:
    #sidebartop h2 {
    line-height:1.5em;
    color:$topSidebarHeaderColor;
    border-bottom: 1px dotted $topSidebarHeaderColor;
    margin-bottom: 0.5em;
    font: $headerFont;
    }
    ma a quanto pare il colore si cambia dalle impostazioni che trovi in modifica layout caratteri e colori..prova a vedere e dimmi..comunque la colonna si chiama sidebar..nel caso prova ad andare ad intuito nel codice ma se nn sei esperta devi stare attenta potresti perdere tutto..quindi prima di fare modifiche scaricati una copia del template..ciaoo

    RispondiElimina
  8. ciao, mi potresti dire come faccio ad aggiungere una casella di ricerca come la tua (nel senso che cerca nei post del blog e non sul web come la ricerca di google)? grazie mille. davide

    RispondiElimina
  9. certo vanilla ecco il link..http://elektrojoke.blogspot.com/2007/10/inserire-ricerca-nel-proprio-blog-o.html
    mi farebbe piacere se cliccasi su segui in alto sulla colonna destra..grazie mille..

    RispondiElimina

Posta un commento

Post popolari in questo blog

Perché scegliere un buon condizionatore affidabile è fondamentale per l'estate 2025

Con l'arrivo delle estati sempre più calde e afose, complice il riscaldamento globale che sta alzando costantemente le temperature, è diventato indispensabile scegliere un condizionatore di qualità e altamente affidabile. Non si tratta più solo di un optional per il comfort, ma di una vera e propria necessità per proteggere la salute della propria famiglia, specialmente in regioni come l'Emilia Romagna e città calde come Bologna. L'importanza del condizionatore a Bologna in estate Bologna è una città che durante l'estate soffre particolarmente l'afa. Le temperature elevate unite a un alto tasso di umidità rendono l'aria quasi irrespirabile, soprattutto nei mesi di luglio e agosto. I cambiamenti climatici stanno peggiorando anno dopo anno questa situazione, facendo registrare picchi di calore sempre più intensi. Installare un buon condizionatore, come quelli Mitsubishi, diventa quindi fondamentale per creare ambienti freschi e salubri in cui vivere e lavorare. Pe...

Nokia lumia 520 in regalo

Nasce l'offerta contocorrente che banca, un conto corrente per operare direttamente online. Per tutti coloro che aderiscono all'offerta in regalo un Nokia Lumia 520, l'offerta mi sembra vantagiosa visto le spese quasi zero per l'apertura del conto, ma bisogna accredittare automaticamente o lo stipendio o la pensione direttamente sul conto corrente. Per aprirlo basta andare sulla pagina http://contocorrente.chebanca.it/

I migliori giochi Android da scaricare da Google Play

I recenti dispositivi mobili, come i tablet e gli smartphone di ultima generazione si sono evoluti soprattutto nel settore dei giochi . Il cellulare utilizzato solo per telefonare o per inviare SMS è solo un ricordo del passato. Se perciò hai un dispositivo mobile con Android come sistema operativo, con l’articolo odierno intendo segnalarti quelli che considero i migliori giochi da scaricare da Google Play. Angry Birds : il gioco sviluppato da Rovio Mobile rientra di diritto fra i migliori giochi Android da scaricare da Google Play. La trama è stranota: hai a disposizione una fionda con cui dovrai tirare gli uccelli arrabbiati contro i maiali cattivi. Scaricalo perciò gratis sulle versioni Android 2.2 o superiori. The Money Drope : questo gioco a pagamento (1,79 euro) segue le stesse regole del programma televisivo italiano condotto da Gerry Scotti, nato dal format inglese The Million Pound Drop Live. Riuscirai a vincere il milione di euro? Parola alle botole! Intanto scaricalo s...

Nokia investe in ricerche tecnologiche per le nuove fotocamere degli smartphone

Una società famosa, Pelican imaging per le nuove tecnologie applicate su lenti, ha studiato un sistema che riesce ad usare delle lenti che usano spazi ridottissimi, che hanno la stessa qualità di lenti molto più grandi a livello di dimensioni. Il funzionamento che permette a queste lenti di lavorare in spazi ridotti è lo stesso funzionamento dei telescopi, usare più lenti sovrapposte per avere risultati migliori per la cattura delle immagini. La nokia ha deciso di investire in questa società, chissà cosa avranno in mente di sfornare quelli della nokia.

Anonymous vs Federal Bureau of Investigation: perché mai un agente dell’FBI aveva un database di ID Apple?

Anonymous dichiara di aver sottratto ben 12 milioni di Apple ID da un portatile di un agente dell’FBI, ma il Federal Bureau of Investigation smentisce categoricamente la sua responsabilità, sebbene sul profilo Twitter di Anonymous ne siano stati pubblicati 1 milione. Tutto iniziò 3 anni fa, quando l’agente Christopher Stangl invitava in un video sia Anonymous che LulzSec ad aderire all’FBI nella lotta al cyber crimine. In un certo qual modo, la risposta non è tardata ad avvenire e la notte del 3 settembre sono stati pubblicati ben 1 milione di numeri identificativi di dispositivi Apple, sottratti proprio dal laptop di Stangl, tramite un bug generato da Java. La notizia ha dato il là ai prevedibili discorsi sulla questione “privacy”, ma anche alle responsabilità oggettive dell’agente e dell’FBI. La domanda che molti fan della multinazionale di Cupertino e non solo è “perché mai un agente dell’FBI aveva un database di ID Apple?”. Con questi identificativi è possibile risalire a d...

Il Wifi nuoce alla salute umana: lo scenario attuale

L’argomento “ il wifi nuoce alla salute umana ” è uno dei più dibattuti in senso assoluto, per la precisione a partire dal 202 con l’Appello di Friburgo, dove sulla base di studi medici venivano fatti presenti i danni della comunicazione senza fili, a prescindere dall’utilizzo ai campi elettromagnetici pulsati. Ebbene, dal 2002 ai nostri giorni, il numero delle connessioni wireless, da intendere come Wifi e WLAN è decisamente aumentato, tanto è che gli hotspot sono dappertutto, dalle abitazioni private alle scuole, dagli aeroporti agli hotel, dalle stazioni alle biblioteche, dagli internet cafè agli uffici privati. Insomma, se il wifi nuoce alla salute, come si diceva già nel 2002, come sarebbe lo scenario attuale, nel 2013? Le pareti attenuano di certo il segnale, ma le radiazioni passano ugualmente. In ogni caso, negli ambienti esterni, la distanza dell’utente dall’hot-spot corrisponde comunque mediamente a 30 metri, mentre il livello espositivo dipende dal numero di trasmettitori...

Programmi per creare PDF, per unirli in un file, per rimuovere password, ecc

Sul web sono disponibili una miriade di programmi che ci permettono di creare PDF ex novo, di rotare, dividere ed aggiungere note sui suddetti documenti. Infine, sono disponibili anche tool che ci permettono di rimuovere password PDF. Con il post odierno intendo segnalare alcuni programmi utili per gestire al meglio i PDF. PDFCreator : quando si parla di software freeware dedicati agli OS Windows, quello in questione è di certo il più conosciuto dagli internauti. Una volta scaricato ed installato, PDFCreator creerà una vera e propria stampante virtuale che ti permetterà di generare un PDF da qualsiasi tipologia di documento. Ma le funzioni di questo software non finiscono qui: PDFCreator è anche in grado di comprimere i documenti scegliendone il livello di compressione. Infine, la possibilità di crittografare i documenti PDF tramite apposita password, il supporto ai formati di immagine (JPG, PNG, TIFF, ecc.) e l’unione di più PDF in un unico file rendono unico il suo utilizzo....

Taggare tutti gli amici su Facebook, si può fare?

Vi piacerebbe taggare tutte le persone presenti in una fotografia scattata alla mezzanotte del primo gennaio in Time Square a New York? Sarebbe davvero bello, ma è praticamente impossibile, infatti il numero massimo di tag che si possono aggiungere in una foto postata su Facebook è 50 . Il limite scende a 10 se si tratta di un post. Sembrerebbe quindi impossibile rendere partecipi di un proprio pensiero o di una propria foto tutti i contatti presenti in rubrica. In realtà non è proprio vero, nel senso che è possibile aggirare questo limite creando un gruppo segreto e aggiungendovi tutte le persone che si vogliono taggare e aggiungendo quindi il nome del gruppo al post o alla foto, anteponendo la “ @ ” come si fa solitamente.  Se non sapete creare un gruppo non è un problema, infatti è un’operazione molto semplice. Basta collegarsi a Facebook con il proprio account e selezionare la lista dei gruppi a cui si è iscritti dal pulsante nella colonna di sinistra. Nella...

Scaricare musica legalmente sul proprio iPhone, ecco come fare

Le possibilità di funziona,emto che un dispositivo come l’ iPhone offre sono davvero molte, scaricando una delle tante app che si trovano in rete si può fare veramente qualsiasi cosa. Ma una tra le funzioni più importanti che il “melafonino” possiede è quella di player musicale, permettendo di portare sempre con se la propria libreria musicale con i brani preferiti. Le modalità di acquisizione in memoria delle canzoni sono diverse, ad esempio si può passare la musica in memoria da altri archivi in proprio possesso, oppure la si può scaricare dalla piattaforma iTunes utilizzando il proprio account Apple. Ma non è finita qui, infatti è possibile scricare una applicazione che permette di scaricare legalmente la musica, mettendo a disposizione i database dei più importanti siti di download per brani di artisti indipendenti o comunque non coperti da copyright. L’app si chiama MP3 Music Downloader Free e in pratica mette a disposizione degli utenti i link per scaricare legalmente la mus...