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!
facebook//twitter//g+//insta//bloglovin//chictopia//pinterest//hellocoton//