Visualizzazione post con etichetta Blogger. Mostra tutti i post
Visualizzazione post con etichetta Blogger. Mostra tutti i post

23.2.18

Blog decluttering: riorganizzare post, pagine e categorie

Blog decluttering: riorganizzare post, pagine e categorie

23.2.18

· ·


Quando pensi al decluttering ti viene subito in mente il metodo Konmari, almeno credo, comunque di certo pensi a quello che di solito si fa in casa, per togliere di mezzo un po' di roba inutile.
Ecco con il blog andrebbe fatto proprio questo, di tanto in tanto.
Perchè? Perchè i tempi cambiano, le mode pure e gli interessi altrettanto!

Il blog non può e non deve restare fisso, perennemente statico e no, non mi riferisco alla grafica da cambiare ogni due mesi.
No, mi riferisco al modo di presentare i contenuti e agli elementi che ne fanno parte.

Qui di seguito un accenno del metodo utilizzato da me per snellire il blog (almeno se non ci riesco con il mio corpo... ma questa è un'altra storia).


POST

Quando ho deciso di rilanciare il blog con uno stile tutto nuovo, sono andata a ritroso nella cronologia dei post, e ho dovuto prendere delle decisioni che forse sono un po' drastiche, ma sì ho dovuto farlo per il bene del blog stesso.
Ho deciso di eliminare dal blog alcuni vecchi post, non cancellandoli, ma rimettendoli in 'bozza'.
Questo per me è stato necessario perchè, avendo aperto il blog nel 2008, (quiindi sono ben 10 anni di blogsfera per me) ho scritto delle cose che ora non sono più coerenti con la mission del blog, con lo scopo che ho oggi io come blogger, e con l'obiettivo del blog stesso.

Quindi, per capire se anche tu sei nella mia stessa situazione, poniti due domande:

  • i vecchi post, quanto rispecchiano l'obiettivo del blog?
  • sono davvero necessari agli utenti, o sono lì solo per fare numero?

Visto che nel mio caso rispondevano negativamente a queste (e ad altre) domande, ho deciso di privarmene; in questo modo ho potuto mantenere una linea di post pressoché coerente fra loro.

PAGINE

Le pagine sono un elemento che ho rivalutato tantissimo negli ultimi tre anni!
Ho deciso di renderle molto più professionali, eliminando la fastidiosa sidebar nella loro visualizzazione perchè non ce n'era bisogno.
La pagina, infatti, deve avere l'obiettivo di comunicare in modo efficace qualcosa, che sia la descrizione della mia persona (con la pagina about) o che siano i contatti o, ancora, i servizi offerti.
Qualcuno però potrebbe andare nel panico, perchè Blogger non dà la possibilità di nasconderla dalle pagine dal pannello Personalizza.
No, è vero, ma se mi seguirai durante le mie dirette su instagram al mio account @lacreativeroom ti mostrerò anche come fare questo e molto altro!
(in fondo al post ti lascio tutte le indicazioni)


CATEGORIE

Non a caso le ho lasciate per ultime, e non a caso vi dedicherò, penso, una diretta intera.
Le categorie, o meglio etichette, per noi che siamo sulla piattaforma Blogger, sono molto spesso utilizzate in modo errato. Lo facevo anche io, quando non ne conoscevo le potenzialità e la concezione di usarle con moderazione.
Molte blogger, infatti, in particolare chi è alle prime armi, inserisce in un post un numero smisurato di etichette, quasi come fossero hashtags, pensando che più se ne mettono e più vengono fuori nei risultati di ricerca di google.
Mi spiace dirlo ma non è così che funziona.
Lo so, ci sono rimasta male anche io quando l'ho scoperto.
Le etichette devono essere utilizzate con lo stesso criterio delle categorie presenti in Wordpress, anche se sono meno indicizzate dai browser, ma questa è un'altra storia che merita un approfondimento tutto suo.
Così come merita un post tutto suo l'argomento 'etichette', perchè è troppo ampio e importante, a mio parere, per essere trattato così nel mezzo di questo post.
Ciò che ti suggerisco, adesso, è quello di guardare quante etichette hai inserito: se sono più di 20, allora prendi carta e penna e inizia a scrivere quelle che racchiudono meglio i post che hai scritto.
In altre parole, se, facendo pulizia nell'armadio, sistemiamo delle scatole con le etichette 'pigiami', 'maglie', 'jeans', all'interno di orni scatola andrò ad inserire solo l'elemento che gli appartiene.
Più ampio sarà il contenitore sarà invece se l'etichetta sarà 'cotone', 'lana', ecc...
Ma qui entreremmo nel discorso delle sottocategorie, e come ti ho già spiegato prima, questo è un argomento troppo complesso, che merita una certa cura e attenzione.
Di sicuro lo affronterò in una delle mie prime dirette.

seguimi su

Bene, spero che in qualche modo ti abbia fatto riflettere su alcuni punti e, se non hai ben chiaro qualcosa, lascia un commento qui sotto, così che io possa aiutarti in qualche modo.

Spero anche che ti abbia preparato agli incontri settimanali con me su instagram. Attraverso le dirette, infatti ti darò dei consigli mirati per il blogging e, sopratutto, ti mostrerò come migliorare graficamente il tuo blog, svelandoti anche qualche mio trucchetto.
A supporto di questo mio nuovo progetto, ho aperto il gruppo privato de LaCreative Room su facebook, così avrai sempre a disposizione le dirette (che altrimenti sparirebbero su ig dopo 24 ore) e i file con i codici che io utilizzerò!
Mi farebbe davvero tanto piacere se tu partecipassi!
Baci xo

10.2.18

Personalizzare il gadget del form contatti di Blogger e inserirlo in una pagina

Personalizzare il gadget del form contatti di Blogger e inserirlo in una pagina

10.2.18

· ·


Non ricordo neanche più quando è stata l'ultima volta che ho pubblicato un tutorial per migliorare la grafica dei templates di Blogger. Di certo è passato molto tempo, e visto che la causa è stato il lavoro, beh direi che non è stato per niente un male.

Oggi voglio farti un regalino: il codice per inserire nella pagina del tuo blog il gadget form contatti di Blogger.
Il risulato sarà quello che vedi qui in basso.



Per inserire il codice:
  • vai nella tua pagina contatti
  • scrivi in modalità HTML
  • copia e incolla il codice che trovi nel file di testo

Ricordati che puoi inserire gli stili così come sono nel file, oppure puoi incollarli nel tuo CSS, ma senza il tag "style" (se non sai come fare leggi come inserire i codici nel tuo CSS)

Per cambiare il colore del tasto 'invia' ricordati di modificare il codice del background, inserendo quello del tuo colore del brand o quello che preferisci.
#ContactForm1 #contact-form-submit {
...
background: #000;
...
}

Se invece preferisci cambiare la scritta all'interno del campo 'input', devi modificare nell'HTML ciò che si trova fra virgolette alla voce placeholder.
placeholder="DEVI MODIFICARE QUI"


Se dovessi avere problemi di inserimento o di visualizzazione scrivilo pure nei commenti.
Se ti va, lasciami il tuo link alla pagina se usi questo breve tutorial, così potremo tutti venire a sbirciare e magari condividi il post :)

scarica qui il codice del gadget form contatti


Per far sì che funzioni nella pagina, dovi inserire il gadget del modulo contatti da LAYOUT (la posizione è indifferente, nel mio caso comunque l'ho inserita nella sidebar, in fondo), vai poi in MODIFICA HTML, cerca ilcodice del gadget e inserisci cond='data:view.isPage' , così come vedi nell'immagine sottostante. In questo modo gli imporrai la condizione di essere visualizzato e utilizzato in modo corretto solo nella pagina.

12.12.17

Emma: feminine food blog template

Emma: feminine food blog template

12.12.17

· ·


In questo periodo sto lavorando davvero tanto, non solo per le clienti, ma anche ai temi per Blogger che metterò in vendita online sul mio shop.
Oggi sono felicissima di presentarvi uno dei miei temi per Blogger: Emma.

Un tema fresco, pulito, per le blogger che amano far risaltare le loro immagini, mantenendo un aspetto grafico elegante e giovane allo stesso tempo.

Il tema è facilmente personalizzabile e nella pagina dedicata potrete vederne anche il video tutorial.

Sono davvero eccitata di ripartire con questa avventura, mi ricorda tanto i vecchi tempi...
Eh sì... la vecchiaia gioca anche questi scherzi :D


2.8.17

Cosa settare prima di iniziare a pubblicare un post

Cosa settare prima di iniziare a pubblicare un post

2.8.17

· · ·


Appena si apre il blog la prima cosa che di solito facciamo è scrivere il nostro primissimo post, per dire al mondo intero 'Hey! Ci sono anche io!!!'

Non pensiamo a cosa settare, ovvero alle impostazioni delle pagine, dei post, della data, ecc...
Qui vi riporto qualche consiglio su come impostare in Blogger alcune funzioni, che secondo me aiutano a migliorare la visualizzazione dei post e a posizionare meglio i blog nei motori di ricerca.

Impostazioni di base

Compilate in maniera appropriata i campi del titolo e della descrizione. Questo aiuterà, chi sta facendo una ricerca su google, ad esempio, a capire quali argomenti vengono trattati nel tuo blog.



Certo non sempre si ha la certezza che la descrizione venga visualizzata correttamente: ecco perchè è importante scrivere la descrizione anche nel campo dei metatag.



Sempre nelle impostazioni, in lingua e formattazione, ricorda di impostare il fuso orario italiano, perchè altrimenti potresti correre il rischio di non vedere mai pubblicato il post quando decidi tu, al momento della pianificazione.
Credimi, io lo so!!!



Impostazioni del post

Prima di pubblicare c'è una opzione da considerare all'interno dei posts:



Questa è una delle opzioni che ritengo più importanti per una buona visualizzazione dei posts. Se non viene settata da subito, ci si potrebbe trovare di fronte a vecchi posts che conterranno doppi spazi, non proprio carini da vedere. Questo accade perchè l'opzione è valida solo per i posts futuri, non per quelli già pubblicati.

Impostazioni delle pagine

Un'opzione che forse molte di noi tralasciano è la descrizione della ricerca.
E' presente anche nel post, e devo essere sincera, ho inziato a compilare questo campo solo da poco.



Eh, ma qui parliamo di SEO, questo sconosciuto, effimero, e incomprensibile sistema che fa posizionare il sito, nei motori di ricerca, in cima all'infinita lista di blog e siti che trattano i nostri stessi argomenti.
Certo è un potente strumento, se lo si sa masticare. Ed io non è che sia proprio una grande masticatrice di SEO.
Ci sono però tanti siti dai quali attingere un po' di sapere: ve ne segnalo uno in particolare SEO per principianti di Giorgio Taverniti.

Prima di premere pubblica, modificate il Permalink, ovvero l'url del vostro post!
Blogger ne crea uno in automatico che non risulta essere sempre completo; noi, invece, abbiamo la possibilità, cliccando su link, di crearne uno personalizzato.
Ricordate solo di premere '-' al posto della barra dello spazio!

Spero che questo post vi sia un pochino utile.
Siate libere di condividere il post ovunque! (il blog ed io ve ne saremo eternamente grati ♥)
Se avete altre dritte scrivetele nei commenti.


17.3.17

HTML & CSS: come creare bottoni per il blog

HTML & CSS: come creare bottoni per il blog

17.3.17

· · ·

Rieccomi con un nuovo tutorial dopo tanto tempo (davvero troppo tempo).
La richiesta mi è stata fatta Mary, che appunto mi chiede di mostrare come creare un bottone da inserire nei post, proprio come questo:
corrispondente al codice:
<center><a href="URL" target='_blank'><button>CLICK THE BUTTON</button></a></center>

Certo visto così è proprio bruttino, anonimo, quindi vediamo come ravvivarlo un po'.
Prima però facciamo un ripasso sui tag utilizzati.
<a hre=' ' target='_blank'>...</a> racchiude il link testuale
<center>...</center> centra gli elemnti contenuto in esso
<button>...</button> costituisce il bottone stesso
href='URL' contiene l'URL di destinazione
target='_blank' apre il link in una nuova finestra.

Ora possiamo continuare!

Per personalizzare i bottoni e renderli più carini, o comunque che si abbinino alla palette color del nostro blog, dobbiamo dargli degli stili.
Prima di procedere in questo c'è un'altra cosa da determinare: quanti bottoni voglio inserire? Questi bottoni saranno tutti uguali? Voglio usarne un tipo per un'occasione ed uno per un'altra?

In questo caso dobbiamo aggiungere al bottone uun 'id' o una 'class'.
L'id farà in modo che il CSS vada ad agire SOLO su un elemento, di conseguenza va usato SOLO per un singolo elemento.
La class andrà ad agire su più elementi, modificandoli tutti.

Quindi, se io voglio inserire dieci bottoni color menta, ma di questi voglio che uno sia arancione, allora andrò ad usare class per i nove bottoni gialli e id per il bottone arancione.
Fin qui tutto chiaro?
Ok!

Per ora utilizziamo l'id perchè così, se in futuro volessi inserire un bottone, non andrà ad influenzarne il CSS.
<center><a href="URL" target='_blank'><button id='bottone' >CLICK THE BUTTON</button></a></center>

Questa è la parte più divertente: aggiungere i CSS!
Qui si vede la trasformazione e i codici prendono vita!
Lo so, lo so, è strano che mio mi esalti per queste cose, ma quando la gente mi dice "come fai?", beh... sento quel pizzico di orgoglio e quella risata dentro di me che fa muhuahahahah... avete capito no? :P

28.2.16

Blog design: aggiungere il 'related post'

Blog design: aggiungere il 'related post'

28.2.16

· ·


Questo tutorial nasce da una richiesta che mi è arrivata via messaggio, tramite la mia pagina facebook.
A tale proposito, se ancora non la conoscete, questo è il momento giusto! :D
Voi sapete che non sono un tipo molto social ultimamente, per varie ragioni, ma riuscirò piano, piano a migliorare anche in questo.

Torniamo al tutorial.
Per aggiungere i related posts (i post correlati), alla fine dell'articolo del nostro blog, ci sono siti come linkwithin.com e engageya che mettono a disposizione i loro gadget da poter installare su Blogger.
Entrambi i gadget sono ottimi, ma presentano un piccolo difetto: espongono il link al loro sito (il che è più che legittimo) e si appoggiano a degli script esterni che a volte mi hanno dato dei problemi di 'trasmissione'... mettiamola così.

Lo script che vi propongo è quello che uso io e che ho recuperato da un template utlizzato tempo fa.
Non era mio, quindi non mi prendo nessun merito per questo... io l'ho solo personalizzato alle mie esigenze :)

Per prima cosa incollate il codice qui sotto subito prima della chiusura del tag </head>
Per cercarlo, come al solito, vi consiglio di cliccare all'interno del frame dell'HTML e premere CTRL+F: vi si aprirà un campo nel quale incollerete la riga da cercare.
Il numero in rosso è il risultato massimo dei post, potete aumentare il numero, se lo desiderate.

19.1.16

Free download: Barra top + Search box

Free download: Barra top + Search box

19.1.16

· ·


Ciao belle!!!

Francesca in questo commento mi ha chiesto di realizzare un tutorial sulla barra in alto (come la vedete qui sul mio blog - ancora per poco)... ed eccola accontentata!

In realtà più che tutorial è un regalino!
In che senso? Beh, nel senso che vi lascio il link per il download
https://www.dropbox.com/s/9gsctxud8yoyhjo/barratop.txt?dl=0

Vi ricordo che:

  • per lo sfondo modifcate il background
  • per il carattere e la sua grandezza modificate font
  • per i bordi del search box modificate border
Per qualsiasi altro dubbio lasciate pure un commento.

22.11.15

Come nascondere un elemento del blog

Come nascondere un elemento del blog

22.11.15

· ·
Credo che molti di voi avrete notato la mia slideshow nella home (beh, ovvio), ma soprattutto avrete notato che non viene mostrata nelle pagine statiche e nei post.

Volete sapere come si fa?
Con un codice semplicissimo da inserire!




Questi sono i codici che realizzano la magia!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 </b:if>

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 </b:if>

 <b:if cond='data:blog.pageType != &quot;index&quot;'>
 </b:if>


4.11.15

Blog design: nuovi template dal... passato

Blog design: nuovi template dal... passato

4.11.15

·

Devo ammettere che ultimamente sto rispolverando i miei vecchi template e devo ammettere che ne ho creato davvero tantissimi!!!!
Così ho pensato di riprenderli e dargli una rinfrescata, così da poter pensare di rimetterli in vendita.


Oggi ve ne mostro tre. Del primo sono particolarmente orgogliosa, perchè mi riporta un po' ai tempi di forumfree, quando mi cimentavo con la skin del forum (è da qui che poi è nata la passione per i coding, Sara ne sa qualcosa :P) e creare quei lavoretti grafici utilizzando textures, imparando sempre più ad usare photoshop. All'inizio avevo una versione da fare invidia a paint...e ho detto tutto.

Ed eccoli!
(cliccate sui link sotto alle immagini per visitare i demo)

blogger template Simons S.
http://journal-demo.blogspot.it/
blogger template Simons S.
http://rlr-demo.blogspot.it/

31.10.15

Wordpress o Blogger: quale scegliere?

Wordpress o Blogger: quale scegliere?

31.10.15

· ·
Wordpress vs Blogger Simons S.
In molti casi mi è capitato di rispondere alle domande proprio su questo argomento:

Che differenza c'è fra Wordpress e Blogger?
Qual'è il migliore?


Ci tengo a precisare che parlo per esperienza diretta: lo conosco benissimo, sono nata con wordpress, ho familiarità, quindi, con i suoi codici, i suoi plugin, ecc...
Quindi ciò che scriverò è veramente ponderato.

Ma andiamo con ordine.

Cos'è Wordpress?

Wordpress nasce come CMS (content management system), ovvero, per dirla in lingua comprensibile a noi poveri umani, è un pacchetto 'preconfezionato', che non richiede doti tecniche, di facile installazione e che facilita la gestione di un blog/sito web.

Nasce originariamente come strumento di pubblicazione per blogger, con una linea semplice: un corpo, una sidebar, un menu.
Poi ha iniziato ad evolversi, grazie anche allo sviluppo dei plugins applicabili al suo sistema che migliorano l'utilizzo e anche l'aspetto grafico (in alcuni casi).
Questo miglioramento ha portato wordpress ad essere il CMS più utilizzato al mondo, principalmente dai magazine online.

Ma allora ci stai consigliando di utilizzare WordPress?


6.9.15

Blog design: inserire slideshow più semplice e professionale

Blog design: inserire slideshow più semplice e professionale

6.9.15

· ·
 slideshow Simona S.
Rieccomi per proporvi un bellissimo e alquanto professionale slideshow da inserire nell'HTML del vostro blog.
Qui il DEMO.

Non abbiate assolutamente paura di inserire nuovi codici, perchè basta fare un backup del vostro template e metterete tutto al sicuro!
Perchè ogni tanto lo fate il backup, vero?????

Se non sapete come fare, eccovi il mio tutorial "come fare il backup del tuo blog e non perdere nulla" nel quale vi spiego anche come salvare la parte testuale del vostro blog (post, commenti, ecc...)

Dopo aver messo al sicuro tutto ciò che avete costruito fin'ora, passiamo alla parte...divertente!
Quello che dovete fare è semplicemente copiare il codice qui sotto...

<style type='text/css'>
/* <![CDATA[ */
    #lordSlideContainer           {position: relative;display: block;text-align:center; margin-bottom:100px;}
    #lordNivoSlider               {position:relative;width:815px  !important;height:302px  !important;min-height:310px  !important; margin: 30px auto 10px auto;float:none;}
    #lordNivoSlider img           {position:absolute;top:0;left:0;display:none}
    .nivoSlider                  {position:relative;width:100%;height:auto;}
    .nivoSlider img              {position:absolute;top:0;left:0;}
    .nivo-main-image             {display:block!important;position:relative!important;width:100%!important}
    .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
    .nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
    .nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
    .nivo-box img                {display:block}
    .nivo-caption                {display:none;padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .nivo-caption p              {padding:5px;margin:0}
    .nivo-caption a              {display:inline!important}
    .nivo-html-caption           {display:none}
    .nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url("http://3.bp.blogspot.com/-bJzN66mSNNc/T7dSdjkzf3I/AAAAAAAABgI/PlGK0Q8OYeU/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
    .nivo-prevNav                {left:10px}
    .nivo-nextNav                {background-position:-30px 0!important;right:10px}
    .nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center;}
    .nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;background:url("http://4.bp.blogspot.com/-DEGRTSA4m6A/T7dSenBUBpI/AAAAAAAABgM/EB-Q2htVToI/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
    .nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'/> <script src='http://jj4me.altervista.org/jquery.nivo.slider.pack.js'/> <script type='text/javascript'>
/* <![CDATA[ */
jQuery(document).ready(function($) {
    $('#lordNivoSlider').nivoSlider({
  effect: 'fade,fold',               // Specify sets like: 'fold,fade,sliceDown,random'
    slices: 15,                     // For slice animations
    boxCols: 8,                     // For box animations
    boxRows: 4,                     // For box animations
    animSpeed: 500,                 // Slide transition speed
    pauseTime: 5000,                // How long each slide will show
    startSlide: 0,                  // Set starting Slide (0 index)
    directionNav: true,             // Next & Prev navigation
    controlNav: false,               // 1,2,3... navigation
    controlNavThumbs: false,        // Use thumbnails for Control Nav
    pauseOnHover: true,             // Stop animation while hovering
    manualAdvance: false,           // Force manual transitions
    prevText: 'Prev',               // Prev directionNav text
    nextText: 'Next',               // Next directionNav text
    randomStart: true,             // Start on a random slide
    beforeChange: function(){},     // Triggers before a slide transition
    afterChange: function(){},      // Triggers after a slide transition
    slideshowEnd: function(){},     // Triggers after all slides have been shown
    lastSlide: function(){},        // Triggers when last slide is shown
    afterLoad: function(){}         // Triggers when slider has loaded
});
});
/* ]]> */
</script> <div id='lordSlideContainer'><div id='lordNivoSlider'>
<a href=''><img border='0' src='http://images.movieplayer.it/images/2009/12/14/lo-scienziato-flint-lockwood-protagonista-del-film-piovono-polpette-141382.jpg'/></a>
<a href=''><img border='0' src='http://blog.screenweek.it/wp-content/uploads/2013/09/cloudyfood1.jpg'/></a>
<a href=''><img border='0' src='http://images.movieplayer.it/images/2013/12/09/piovono-polpette-2-piovono-marshmallow-per-flint-in-una-scena-294600.jpg'/> </a>
</div></div>

...ed incollarlo subito sotto il tag <div class='main-outer'> che trovate all'interno dell'HTML del vostro template.
Se non doveste riuscire a trovarlo, cliccando nella finestra dei codici, premete CTRL+F ed scrivete il tag, poi INVIO e vi si evidenzierà così la riga, facilitandovi la ricerca.

PERSONALIZZAZIONE

Potete personalizzare:

♦ la larghezza dello slideshow, cambiandone il valore in grassetto
♦ l'effetto dello slider, anche questo in grassetto, scegliendo un solo effetto o tutti scrivendo 'random'.
♦ il link dell'immagine href='...' collegandolo così ad un vostro post. Se non sapete come fare guardate qui.
♦ sostuite l'URL dell'immagine che trovate con quello dell'immagine del vostro post.

Se avete domande, dubbi, perchè magari  ho scordato qualcosa, commentate pure qui sotto!
Mi farebbe tanto, tanto piacere se voi convideste il post sul vostro social preferito, magari mettendo l'hashtag #socutethings
Baciotti :*

27.8.15

Tips for blogger: 5 consigli per il tuo blog su cosa non deve mai mancare!

Tips for blogger: 5 consigli per il tuo blog su cosa non deve mai mancare!

27.8.15

· ·
Toh, guarda chi si rivede! (penserete voi...e avete ragione!)
E che vi devo dire, ormai mi conoscete e ogni tanto mi dileguo, poi ritorno...

Ma se mi state leggendo, quasi sicuramente, lo fate perchè siete curiosi di sapere quali sono questi consigli.
Ebbene, io vado sempre in giro a curiosare per i blog, e devo dire che mi fa sempre molto piacere far visita alle neo blogger che si affacciano in questa realtà, la blogsfera, con un atteggiamento positivo e pieno di speranza.
E non vi nascondo che il più delle volte sono la prima a diventare loro follower, perchè in me persiste il concetto che bisogna sostenersi le une con le altre per creare una rete!

Solo che in qualche blog non ho avuto la possibilità di seguire la blogger... e allora ecco dei piccoli consigli per migliorare il vostro blog!

migliora il tuo blog Simona S.




1 - Aggiungi il gadget dei LETTORI FISSI.

Appena apri un blog, è la prima cosa alla quale devi pensare, se vuoi che i visitatori abbiano la possibilità di tornare a leggerti e persino di commentare! Inoltre è un buon punto di riferimento per te se vuoi sapere quali blogger contraccambiare, anche per semplice cortesia... è una delle regole della blogetiquette.
Dove lo trovi il gadget? Nel pannello di amministrazione del tuo blog, nel menu a sinistra, in LAYOUT.
E se non lo trovi, eccoti un mio vecchio tutorial su cosa fare ;)


2 - Fammi collegare ai tuoi social.

Ormai siamo dappertutto, perchè per chi ha un blog è quasi obbligatorio essere dappertutto!
Se sei su Instagram, o hai una pagina su Facebook, o ti piace cinguettare su Twitter, o ti piace vloggare su Youtube... beh devi dirlo assolutamente sul tuo blog!
Aiutati con i social icons: puoi trovarne di gratuiti o a pagamento, oppure puoi personalizzarli tu nei colori, così come ho fatto io per il mio blog.
E' molto semplice, basta seguire questo tutorial!


3 - Se non lo trovo, lo cerco nel blog!

Aggiungere il gadget 'cerca nel blog' ha una doppia utilità: salva il visitatore che è alla ricerca di qualcosa che aveva già visto, magari in una visita precedente, e salva te perchè dimostri che il tuo blog è User Friendly!
Anche questo, come per ogni gadget di base, lo trovi in LAYOUT. Questo è un gadget abbastanza importante, quindi fa che sia bene in vista, o comunque facile da trovare; ad esempio, nella sidebar, non relegarla alla fine o nel centro fra tutti gli altri gadget, piuttosto piazzala in cima.


4 - Etichetta o categoria... l'importante è che ci sia!

Beh, sono la stessa cosa. Inserire le etichette è di fondamentale importanza per catalogare il post sia all'interno del blog che per facilitare la posizione all'interno di un motore di ricerca (Google, un esempio a caso).
L'Etichetta o Tag equivale all'hashtag di Instagram, per intenderci.
Mi raccomando però a non esagerare e, soprattutto, ad inserire le tags pertinenti al post.


5 - Parla di te!

E su questo punto ci lavorerò presto anche io, perchè ho rimandato per troppo, troppo tempo...
Sto parlando dell'ABOUT PAGE!
La pagina che ci descrive in tutto.

  • Inseriamo una nostra foto, per dare un volto al tuo blog.
  • Raccontiamo qualcosa di noi (non la biografia completa), le nostre passioni, ecc...
  • Diciamo da dove è nata l'idea di avere un blog!




Spero che questa mini guida vi sia piaciuta, e che mi sia fatta perdonare per la mia assenza.
Se così è stato lasciate pure un commento :)

3.2.15

Blog design: menu a discesa semplice

Blog design: menu a discesa semplice

3.2.15

· ·
Devo ammettere che effettivamente il codice del precedente menu 'drop down' non era molto semplice da modificare, così sono andata alla ricerca di un aiuto nella costruzione del famigerato menu a discesa!
simple dropdown menu Simona S.
Dopo aver finalmente trovato un codice semplice da personalizzare, ecco che Blogger come al solito mette i bastoni fra le ruote.

Come?
Il codice inserito nel gadget HTML/Javascript nell'area 'adibita' alle pagine, sforma tutto il menu! Probabilmente è anche per questo motivo che inserendolo nel post di presentazione il menu si vedeva corretamente, mentre una volta inserito nel gadget si deformava, senza nessuna possibilità di modificarlo in modo semplice ed immediato.

Premesso ciò, vi dico che il seguente codice, davvero facilissimo da personalizzare, è da inserire all'interno del codice HTML del vostro template!

Nessuna paura!!!
Ormai siete diventate bravissime ;)

Intanto vi presento il nuovo menu!
L'ho inserito nel blog demo dello slideshow per questione di comodità, soprattutto nel farvi vedere come effettivamente vien fuori inseirto nel modo corretto.... è il menu sotto il titolo del blog.

Arriviamo al codice.

27.6.14

Blog design: immagini dei post popolari circolari

Blog design: immagini dei post popolari circolari

27.6.14

· ·
Ovvero come arrotondare le miniature del gadget 'Popular Post'.

Lo so, è l'ultimo in ordine delle richieste di tutorial, ma è anche quello che risco a fare in poco tempo, e visto che quando i figli sono a casa bisogna in pratica prendere il numero per stare al pc... appunto -.-

Per ottenere questo effetto...

tutorial popular post blogger - Simona S.

Il procedimento è davvero semplicissimo e vi basterà semplicemente copiare e incollare il codice CSS!

.item-thumbnail a img {
filter:alpha(opacity=100);
-webkit-border-top-right-radius:50;
-webkit-border-top-left-radius:50;
-webkit-border-bottom-right-radius:50;
-webkit-border-bottom-left-radius:50;
border-radius: 50px;
-moz-border-radius: 50px;
border:1px dashed #999;
padding:3px;
}

Se non volete il bordo tratteggiato, ma liscio, sostituite dashed con solid all'interno di questa riga border:1px dashed #999;.
Se invece non volete proprio il bordo, lì dove trovate 1px cambiate con 0.

Ho notato che in alcuni blog la lista delle immagini dei Post Popolari sono precedute da un puntino (caratteristica delle liste, appunto). Volete eliminarlo? Ecco come fare! Inserite questo codice, anche subito sotto quello precedente (vedi sopra)

.widget .popular-posts ul {
list-style: none;
}

HAI BISOGNO DI UN AIUTINO?

21.6.14

Per te un mio Premade Blogger Template

Per te un mio Premade Blogger Template

21.6.14

·
Ok, l'ho detto e lo faccio!
E spero di farlo giusto :P

In questo mio giveaway l'unica regola è quella di essere almeno mia/o follower, non chiedo altro ^_^
Cosa metto in palio? Questo Premade Blogger Template, uno dei più venduti nei miei shop!

blogger template - Simona S.

12.6.14

i vostri blog, i miei tutorial!

i vostri blog, i miei tutorial!

12.6.14

·
Sono sempre felicissima quando vedo i vostri blog abbelliti e personalizzati da voi, seguendo i miei tutorial. La cosa mi riempie non poco di soddisfazione e d'orgoglio.

Ecco perché ho deciso di creare questa sorta di Linky Party per mostrare i blog che contengono modifiche realizzate grazie ai miei tutorial, per l'appunto :)
template blogger - Simona S.
Fra l'altro ho modificato la pagina della lista dei tutorials, realizzata seguendo il criterio di questo mio tutorial, dando la possibilità ai visitatori stranieri di poter tradurre la lista, cosa che prima non potevano fare.

Basta anche una sola modifica ;)
Ok, allora...partiamo?
Dai vediamo quante belle modifiche avete apportato ai vostri blog!

12.5.14

Blog design: menu delle pagine fisso in alto

Blog design: menu delle pagine fisso in alto

12.5.14

· ·
Innanzitutto scusatemi l'assenza di ben quasi un mese (cavoli), ma tante cose, fra cui influenza spietata si sono messe fra me ed un bel post che dovevo fare da tempo -.-
Vi sono mancata? Spero di sì :D
Nel frattempo ho visto che una cara amica blogger mi ha citata in un suo post sulla larghezza delle immagini: Tine/Silvia!!!!
Non avete ancora visto il post? E che aspettate?

Ma passiamo a noi, al come spostare il menu delle pagine in alto nel nostro blog e mantenerle fisse, facendo in modo che coprano tutti gli altri elementi del blog, una volta che si scende verso il basso con lo scrollbar.

In partica come nel mio blog :P

blogger menu fisso in alto - Simona S.

Ho realizzato un video tutorial per facilitarvi l'inserimento dei codici, ma i codici ve li scrivo qui, così vi basterà copiarli ed incollarli come mostrato nel video.
Dite la verità... ma quanto vi voglio bene??? TANTO COSI'!!!!!!!!!!!!

Vi lascio qui il link diretto ;) CLICCA PER IL VIDEO

Per centrare la pagine (e vale anche se non lasciate le pagine così come sono, senza spostarle in alto) inserite questo codice nel blocco delle tabs (vedi video)
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;text-transform:uppercase;}

Per eliminare i bordi
.tabs-outer {border:none !important;}

Copia e incolla questo codice per inserire le pagine (vedi video)
<div style='width:100%; height:30px; display:block; position:fixed; z-index:9000; background:#fff;'>

INSERISCI QUI IL CODICE DELLE PAGINE

</div>

PER APPROFONDIRE


Avrai notato dal video che le pagine non sono proprio attaccate al bordo superiore, questo perchè, anche se io l'ho reso invisibile dal gadget, la navbar resta comunque presente.
Per eliminare quello spazio, dobbiamo eliminarlo dal contenitore che racchiude tutto il nostro blog, quindi cerca body (lo trovi all'inizio degli stili) e inserisci questo codice all'interno degli stili:
margin-top:-30px;

Se non sono stata abbastanza chiara, se ti sei persa un passaggio, lascia pure un commento qui ;)


14.4.14

Come fare il backup del tuo blog e non perdere nulla

Come fare il backup del tuo blog e non perdere nulla

14.4.14

· ·
Grazie ad una richiesta, fatta nei commenti, oggi vado a scrivere questo post per ricordare un po' a tutte, ma soprattutto a chi non ci ha mai pensato, che è bene fare, almeno una volta al mese, un backup del proprio blog.

Cos'è un backup?
In parole semplici, semplici, è il salvataggio grafico e testuale del nostro blog alla data del backup stesso.
Ma ATTENZIONE: vi sono due vie da percorrere per salvare la grafica e il testo scritto.
Vi mostro come fare.


BACKUP DA MODELLO


Questa funzione vi dà la possibilità di salvare tutte le modifiche apportate al modello grafico del vostro blog.
Una volta in MODELLO, cliccate sulla scritta BACKUP/RIPRISTINO, accanto alla rotellina in alto a destra. Si aprirà una finestra popup (la stessa per caricare i nuovi template).
Cliccate SCARICA MODELLO COMPLETO come nell'immagine.

Salvate il file .xml con il nome del template (es. About Simona) che volete dargli, oppure con la data di quel backup (es. template-11-04-2014).


ESPORTARE IL BLOG


Salvare la parte testuale del proprio blog, vuol dire esportarlo. In pratica portiamo tutto ciò che c'è di scritto - post (pubblicati, bozze), pagine, commenti - dal web, direttamente nel nostro computer.

Andate su IMPOSTAZIONI e poi su ALTRO, quindi scegliete ESPORTA BLOG; vi basterà salvare il file sul vostro pc, e il gioco è fatto :)


In caso di dubbi, sapete che potete sempre lasciare un commento ^_^

UPDATE! Ora il pulsante per il backup della parte testuale del blog si chiama  esegui il bakcup dei contenuti 


p.s. perdonatemi ancora l'assenza, ma fino a quando non passerà Pasqua sarò più che altro assente (o quasi)... sono molto impegnata con la parrocchia, sono catechista, coordinatrice (di tutto il mio gruppo di catechiste del primo anno di cresima) e anche responsabile della direzione delle stazioni della rappresentazione della Via Crucis. Sono già due settimane che in pratica non ceno con la mia famiglia, ma sono agli sgoccioli, e nonostante lo stress questo è il periodo dell'anno liturgico che amo di più :)
So che non c'entrava nulla con il tutorial, ma diciamo che è una chicca per farvi conoscere un po' più ciò che faccio al di fuori del web ;)

4.4.14

Blog design: come centrare la data e il titolo di un post

Blog design: come centrare la data e il titolo di un post

4.4.14

· ·
Certo questo tutorial non è in cima ai tutorials richiestimi, ma per realizzare quello delle pagine fisse in alto devo fare anche un video tutorial, perchè lo sapete ormai... mi piace semplificarvi la vita ;)

Quindi vediamo come centrare la data il titolo del post.
Niente di più semplice!

LA DATA


Cercate negli stili del vostro blog il blocco riguardante la data che trovate sotto il nome di .date-header span.
Probabilmente troverete l'allineamento del testo a sinistra, ovvero text-align:left, voi dovete dargli il comando di centrarlo, quindi sostituite left, con center.
Se invece non lo trovate, perchè non c'è scritto, inseritelo voi, come nell'immagine qui sotto.

Come avrete notato nell'immagine, un'altra riga ho evidenziato perchè importante, ovvero display:block.
Cosa sta a significare?

Con questo comando gli diciamo che l'elemento inserito nella pagina html, deve occupare tutta la riga, per intero, senza intereferenza da parte di nessun altro elemento.
In pratica su quella riga ci deve stare solo lui ;)
Quindi, anche questo aggiungetelo!

IL TITOLO DEL POST


La stessa cosa succede per il titolo del post.

Se doveste avere problemi, potete sempre lasciare un commento.
Spero vi sia utile :)

28.3.14

Google friend connect non funziona? ecco come fare!

Google friend connect non funziona? ecco come fare!

28.3.14

· ·
Innanzitutto perdonate l'assenza di questo periodo!
Sono stata abbastanza impegnata al di fuori del web, e a volte ero così stanca da non riuscire a stare al pc... i commenti li ho potuto lasciare grazie al cellulare :(

Ritornando qui sul blog ho visto con immenso piacere che i miei followers sono aumentati... GRAZIE!!!!
Siete state gentilissime, non solo scegliendo di seguirmi, ma anche con i vostri commenti ♥

Avevo quindi deciso di ricambiare il gesto di gentilezza, diventando follower a mia volta, ma Google Friend Connect ha deciso di fare i capricci... diciamo così.
All'inizio ci avevo perso la pazienza, poi testarda, ma soprattutto non mi andava giù di non ricambiare quel gesto, ho provato una via più lunga.
Ed infatti ci sono riuscita!

Quando cliccate sul tasto 'unisciti a questo sito', vi compare una finestra popup, non cliccate subito su 'segui questo blog', ma su 'ALTRE OPZIONI'http://aboutsimona.blogspot.it/
Vi apparirà un'altra schermata, non c'è bisogno di cliccare nient'altro se non il tasto 'SEGUI'.
http://aboutsimona.blogspot.it/
Di certo qualcuna di voi avrà già trovato questa soluzione, ma di sicuro servirà a chi, come me, in questi giorni stava sclerando :P