Cambiare stile su “read more” Blogger

Valentina mi chiede come cambiare il read-more/continua a leggere” dei suoi articoli su un blog Blogger.

Read more cambiare lo stile su un blog Blogger by Blogghidee

Step 1 – Loggatevi al vostro blog Blogger con gmail e password da questo link www.blogger.com.
Step 2 – Cliccate nel titolo del vostro blog.
Step 3 – Dalla bacheca cliccate dal menu a sinistra su MODELLO > PERSONALIZZA  > dal menu cliccate su AGGIUNGI CSS è l’ultimo in fondo e aggiungete nel box il seguente codice che dettaglia il read more.  

.jump-link { text-align: right;
  }
.jump-link a {
background: #fff;
color: #000;
border-radius: 4px;
border:2px outset;
text-align: right;
padding: 5px; }
.jump-link a:hover {
background: #eeeeee;
color: #6699cc;
text-decoration: none;
text-align: right;  }
Specifiche del codice:
text-align: right;  – potete mettere left o right per allineare il testo a sinistra o destra – 
color:  #000;   – cambia colore del testo –
padding: 5 px; – cambia lo spazio intorno al testo –  
border-radius: 4px;   – cambia l’arrotondamento del rettangolo intorno alla parola – 
border: 2px outset;  – cambia lo stile del bordo – 
background: #fff; – cambia il colore dello sfondo – 
Jump – link a.  > è il testo del link 
Jump link a:hover > è il testo del link al passaggio del mouse 
Step 4 – Salvate, cliccando su APPLICA AL BLOG. Visualizzate per vedere il risultato.
Questo tutorial l’ho provato sul tema Picture Window di Blogger. Nel caso lo proviate in altri temi lasciate feedback.
Per approfondimenti sul codice dei bordini leggete quest’altra guida:Tutti i tipi di bordini.
A presto,
BY BLOGGHIDEE

 

Spread the love

Discussion

Leave a Reply

This blog is kept spam free by WP-SpamFree.