Icona personalizzata in blogspot

Vado in questo sito che crea l'icona on line partendo da una mia foto:
http://www.favicon.cc/?
Scarico la favicon e la metto in una cartella dedicata, che mi permetta di trovarle subito.

Poi
Apro la bacheca del blog, clicco "layout" sulla barra di sinistra. Nella finestra che si apre, in testa a sinistra c'è "icona preferita", clicco la scritta in celeste "Modifica". Col pulsante "Scegli file" carico la mia icona. Ovviamente mi ricordo dove ho salvato il o i file .ico che ho creato grazie al programma suddetto. premo il pulsante arancio "Salva". Subito appare la mia icona; clicco anche il pulsante arancio in alto a destra "Salva disposizione" e poi visualizzo il blog.
FATTO! Carino!

Ora le linguetta di finestra (o schede) del browser fa vedere la mia icona quando vado al mio blog.

newbie ;)

38-modificare il foglio di stile in Wordpress

Questo post serve a me, per ricordarmi come ho fatto a sistemare le larghezze del mio blog Boanerges in Wordpress.
Dunque...
Questo blog aveva un template (Aeros) troppo "stretto": in sidebar i widget mi venivano tagliati (soprattuto il MixPod, un lettore di playlist); e in Content desideravo avere più spazio intorno alle foto.
Cosa ho fatto? Ho ragionato così: se allargherò di 50 pixel la sidebar dovrò allargare altrettanto il Contenitore Principale.
Allora ho aperto il foglio di stile (style.css) e ho preso nota della larghezza massima che trovavo (supponendo che fosse quella del Main Container, il Contenitore Principale).

Infatti ho trovato:

/* ++++++++++++++++++ The Main Container ++++++++++++++++++ */
#rap {
        width:775px; (l'ho portato dapprima a 825 pixel [e poi a 855]
        margin:0 auto;
-----    -----

/* ++++++++++++++++++ The Header Section ++++++++++++++++++ */
#header {
        width:775px; (l'ho portato dapprima a 825 pixel, [e poi a 855]
        font-family: Verdan
----    ------ 
#headmenu {
font-family: verdana, arial, sans-serif;
font-size:16px;
width:775px; (l'ho portato dapprima a 825 pixel [e poi a 855]
letter-spacing:-1px;
font-weight:bold;

 Poi, esauriti tutti i 775, ho prestato attenzione alla sezione della sidebar:

/* ++++++++++++++++++ The Sidebar Section ++++++++++++++++++ */

#sidebar {
        width:180px; (l'ho portato a 230 pixel)
        float:right;

In questo modo la sidebar si è allargata sufficientemente.

Poi ho voluto allargare il Contenuto (precisamente il Contenitore del Contenuto) di 30 pixel.
Ho cercato la larghezza maggiore dopo il 775 e ho trovato il 590:

/* +++++++++++ The Content Container - where your posts are ++++++++++ */
#content {
        width: 590px; (l'ho portato a 620 pixel)
        float:left;
        overflow:hidden;

Ma ho dovuto allargare di 30 pixel anche il Contenitore Principale. E le misure finali sono evidenziate in rosso.


Ho salvato e pubblicato.
C'era qualcosa che non andava, i segnalibri dei commenti si posizionavano in modo strano... infatti mi era sfuggito .storywrap che non so cosa sia ma ho supposto che dipendesse dalla sezione dei contenuti: aveva una width di 505px e ho pensato di aumentarlo di 30 pixel.

.storywrap {
        padding:10px 20px;
        font-size:14px;
        text-align:justify;
        float:left;
        width:505px; (l'ho portato a 535 pixel)
        margin-bott...

Questa volta tutto è andato a posto.
Forse molti esperti di codice e linguaggi rideranno di me... ma anch'io rido per me perchè sono felice di avercela fatta!
newbie ;)

34-Top Link di MBL

Torna alla pagina di MBL (vedi post precedente) oppure vai direttamente a
http://www.mybloglog.com/buzz/community/doingblog/ ... (tu metti il nome della tua community)
Preleveremo il codice anche del secondo widget, il TOP LINK, prima però dobbiamo "customizzarlo" (personalizzarlo).

Abbiamo 5 voci precedute da un quadratino colorato e, dalla loro somiglianza con i colori predefiniti del widget, possiamo capire la traduzione e il da farsi:

1. color heading bg: colore di sfondo della testata
2. color heading: colore della testata
3. color link bg: colore di sfondo dei link
4. color link: colore dei link
5. color bottom bg: colore di sfondo del fondo, della base

Scegli dei colori che si intonino col tuo blog e anche col widget RECENT READERS inserito al post 33.
Poi preleva il codice e incollalo (nel tuo blog) sotto Recent Readers (in un elemento Html/Java).

Potrebbe essere che il Top link non sia largo come Recent Visitors.
Allora vai all'ultimo codice GIA' inserito nel tuo blog (quello di RECENT VISITORS): cerca width=... (180 nel mio caso)
Beh, questa width (larghezza) deve essere uguale in entrambi i widget. Io infatti modifico 180 in 220 facendo bene attenzione di non toccare null'altro.
Poi SALVA.
Il Top Link ora risulta della stessa larghezza del Recent Visitors (almeno il mio!).
newbie ;)

33-Recent Visitors di MBL

Torna alla pagina di MBL: appena sotto lo script c'è un link di questo tipo:
Go to doinblog community (al posto di DOINGBLOG ci sarà il nome che hai scelto tu)
Oppure segui un url di questo tipo:
http://www.mybloglog.com/buzz/community/doingblog/

Clicca e ... che bello!
Ecco uno screenshot (o thumbnail) del tuo blog (appena sotto l'intestazione verde di MBL a sx);
sempre a sx c'è la sezione TAGS FOR ...il nome del tuo blog... dove puoi "taggare" il tuo blog (cioè inserire le parole chiave del tuo lavoro);
ancora sotto, in LATEST CONTENT, puoi vedere i post che hai finora scritto.

Sulla destra nella sezione AUTHORS c'è la tua foto (se l'hai messa prima);
subito sotto AUTHORS c'è la sezione MEMBERS dove compariranno coloro che si aggregheranno alla tua community;
e sotto MEMBERS, c'è un widget (RECENT VISITORS) per il tuo blog! Clicca il primo pulsante verde GET THIS WIDGET.
Nella pagina che si apre hai delle scelte da fare per "customizzare" il tuo widget, anche in base ai colori del tuo blog e allo spazio che hai a disposizione:

• Style: io scelgo Multiple Columns
• Color: io scelgo Red
• Images: io scelgo small
• Flyout Orientation: io scelgo Right (ricordi? ho la sidebar allineata a destra...)
• Width (Larghezza in pixel): lascio per ora 220px
• Rows: (righe): lascio per ora 4

In Additional Option lascio quella di default.
Da YOUR CODE prelevo il codice che andrà incollato su un html/java gadget in sidebar del blog (se non ti ricordi come si fa, torna a questo post...). Io però preferisco incollarlo in VISITE INASPETTATE, sotto CLUSTR.
Quando avrai inserito il codice di MBL e salvato, nella tua sidebar apparirà il RECENT VISITORS di MyBlogLog: da esso potrai vedere le foto di coloro (iscritti a MBL) che ti visiteranno. Sii cortese: ricambia la visita!
Problemino: RECENT VISITORS non si lascia allineare: ho provato la Flyorientation a left, right, none... ma non cambia nulla.
Può dipendere dall'allineamento della sidebar che comanda il codice dentro a un widget, oppure può dipendere dal browser (firefox). Cercherò di capire...
newbie ;)

7-il link PERSONALIZZA

(Vedi il post precedente). Si apre la schermata ELEMENTI PAGINA sotto la tab LAYOUT.
Vai su NAVBAR (barra di navigazione) al link MODIFICA ed esplora da solo.
Clicca sull'INTESTAZIONE al link MODIFICA ed esploralo: puoi cambiare il titolo, aggiungere una descrizione (molto importante), caricare una foto.

Appena sotto c'è AGGIUNGI UN GADGET (ti ricordo che sto parlando del modello Sand Dollar; se tu usi altri modelli ci potrebbero essere delle differenze); per ora lascialo perdere.

Vai su POST SUL BLOG e clicca il link MODIFICA.

Si apre una schermata molto interessante.
Nella prima casella di immissione (input) scrivi quanti post vuoi visualizzare nella pagina principale (ti consiglio il numero 3 o 5, per cominciare); nella seconda casella lascia POST, ma puoi provare anche a scegliere GIORNI CON POST.

Seleziona tutte le caselle con una spunta.

Scorri giù fino alla sezione CONFIGURA ANNUNCI IN LINEA.
Per pubblicare gli annunci di Google sul tuo blog (e guadagnare qualche soldino) devi aver sottoscritto un contratto. Lo vedremo a parte. Per ora, lascia tutto com'è e clicca sul bottone arancio SALVA. Verrai riportato sulla schermata ELEMENTI PAGINA di LAYOUT. C'è un bottone arancio chiaro con la scritta MODIFICHE SALVATE per "Post sul blog", clicca il link azzurro VISUALIZZA BLOG.

Vedrai il tuo blog pubblicato con delle modifiche: nel footer (significa piede, fondo pagina) del post sono comparsi altri oggetti; un icona di busta postale, il link al post, le reazioni, gli annunci di Google.

Se vuoi modificare qualcosa ri-clicca su PERSONALIZZA-POST SUL BLOG-MODIFICA.
Esempi:
invece che PUBBLICATO DA prova a scrivere PARTORITO CON DIFFICOLTA' DA oppure qualche altra frase curiosa...
Nelle REAZIONI io clicco su Modifica e scrivo "non capisco niente, uffa!, interessante, OK"
In CONFIGURA ANNUNCI IN LINEA non mi piace il formato rettangolo 300x250 che è messo di default; allora clicco sul menù a tendina e scelgo BANNER 728X90.
Fai le tue scelte, poi clicca su SALVA e su VISUALIZZA BLOG per vedere i cambiamenti.
newbie ;)