29 luglio 2013

Personalizzazione di linkwithin

Buongiorno! Sono molto soddisfatta di questa rubrica e vedo molto interesse da parte vostra sopratutto dallqa mia pagina facebook ricevo messaggi privati con delle nuove domande e spero con tutto il cuore  di riuscire ad accontentare tutti mettendovi  un po`  in coda visto che la rubrica e´ una volta a settimana.
Oggi vorrei parlarvi di  linkwithin un widget di "post correlati" che generalmente viene posto sotto i nostri post. Per chi non ce l´ha ancora potete installarlo da qui, con dei semplici passi, nome del blog, mail,numero dei post da inserire, ecc....
Un bellissimo widget,ma troppo statico a mio gusto ecco che la trasformazione avviene ,per chi vuole dare un tocco in piu` di grafica al suo blog per chi e´ smanettone,per chi non si accontenta mai del suo template,per chi vuole abbellirlo senza spendere un euro, per chi puo´ provare insieme ai miei post passo passo a semplificarsi la vita ed essere soddisfatti del risultato.

Andate a cercare il la porzione di codice  ]]></b:skin>
subito prima incollate il codice sotto.


/ LinkWithin personalizzato
    ----------------------------------------------- /
    .linkwithin_div {
    background: #FFA500; / Colore  fondo /
    padding: 0 10px;
    }
    .linkwithin_text {
    font-size:22px; / Dimensione titolo gadget /
    color:# FF99CC ; / Colore di gadget titolo /
    font-family: 'Pacifico', cursive; !important;
    }
    a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
    display:none; /  /
    }
    .linkwithin_posts {
    width: 564px !important; / Dimensione gadget /
    }
    .linkwithin_posts a {
    border: 0 !important;
    padding-right: 29px !important;
    }
    .linkwithin_posts a:hover {
    background: #FFFFF !important; /Colore di sfondo al passaggio del mouse /
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px;
    border-radius: 50px;
    }
    .linkwithin_img_0 div, div.linkwithin_img_0,
    .linkwithin_img_1 div, div.linkwithin_img_1,
    .linkwithin_img_2 div, div.linkwithin_img_2,
    .linkwithin_img_3 div, div.linkwithin_img_3,
    .linkwithin_img_4 div, div.linkwithin_img_4,
    .linkwithin_img_5 div, div.linkwithin_img_5,
    .linkwithin_img_6 div, div.linkwithin_img_6,
    .linkwithin_img_7 div, div.linkwithin_img_7,
    .linkwithin_img_8 div, div.linkwithin_img_8,
    .linkwithin_img_9 div, div.linkwithin_img_9,
    .linkwithin_img_10 div, div.linkwithin_img_10,
    .linkwithin_img_11 div, div.linkwithin_img_11,
    .linkwithin_img_12 div, div.linkwithin_img_12,
    .linkwithin_img_13 div, div.linkwithin_img_13,
    .linkwithin_img_14 div, div.linkwithin_img_14,
    .linkwithin_img_15 div, div.linkwithin_img_15,
    .linkwithin_img_16 div, div.linkwithin_img_16,
    .linkwithin_img_17 div, div.linkwithin_img_17,
    .linkwithin_img_18 div, div.linkwithin_img_18,
    .linkwithin_img_19 div, div.linkwithin_img_19,
    .linkwithin_img_20 div, div.linkwithin_img_20 { / Bordi arrotondati /
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border-style: dashed !important;
    }
    .linkwithin_title {
    color: # FF99CC  !important; / Titoli di colore dei messaggi /
    font-family: 'Sofia', cursive; !important; / Font dei titoli dei messaggi /
    font-size: 12px !important; / Dimensione dei titoli dei messaggi /
    line-height: 12px !important;
    text-align:center;
    text-decoration: none;
    }
    .linkwithin_title:hover {
    color: #FF1493 !important; / Colore al passaggio del mouse /
    font-weight: bold !important;
    }


Controllate sempre l´anteprima e salvate.Non lasciate che le vostre  storie passate vadano sprecati installa  linkwithin e customizzalo.
Preleva il bollino qui ogni lunedi´ un tutorial nuovo.
Enjoy!
Per partecipare al corso clikkate qua sotto.

8 commenti:

  1. Grandissima Wanesia, mi piace un sacco questa personalizzazione e tra l'altro sembra fatta apposta per il mio nuovo template.
    Passa se ti va.
    Un bacione
    Rossella

    RispondiElimina
    Risposte
    1. Hai ragione passo adesso proprio adesso aspettami ^^ E` una vita che non passo da te ,mi raccomando prima guarda l´anteprima e poi salva.Bitte!

      Elimina
  2. Cara wanesia è tanto che non passo da te, sorry.
    Questa personalizzazione devo proprio provarla.
    Mi sono anche iscritta al nerd forum e letto tutto ;)

    A presto.

    RispondiElimina
    Risposte
    1. Grazie per l´iscrizione, puoi aprire dei topic di richiesta se ti fa piacere.

      Elimina
  3. Grazie Vanesia, ci ho provato ma le miniature le visualizzo sempre rettangolari e non rotonde come quelle della foto iniziale del post, cosa sbaglio?
    Grazie mille
    Silvana

    RispondiElimina
    Risposte
    1. Ciao Silvana,grazie per essere passata.IL LinkWithin personalizzato funziona,ho provato io su un blog di prova e le vedo rotonde.
      Tutto questo codice deve essere inserito tra ]]> e parentesi graffa.
      }
      / LinkWithin personalizzato
      ]]>

      Vedi dove hai sbagliato riprova e fammi sapere!

      Elimina

Instagram

Pinterest