SIMPLYPOINT: Blogger

Visualizzazione post con etichetta Blogger. Mostra tutti i post

Some trick to showing your latest posts to your blog visitors in any place, also inside the posts or static page.

Come installare font per personalizzare sito/blog

Guida semplice per installare/inserire dei font di Google per personalizzare il proprio sito/blog. Non sarà richiesta nessuna installazione all'interno del proprio server. Al contrario risulterà un semplice link di richiamo risultando una banale operazione di copia ed incolla.

1. Andare su https://fonts.google.com/
2. Cercare il font desiderato
3a. Nel proprio codice tra <head></head> inserire il link suggerito ad esempio:

<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">

ricordandosi di modificarlo inserendo "/"in chiusura così:

<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"/>

3b.oppure

<style>
@import url('https://fonts.googleapis.com/css?family=Anton');
</style>

4. Per richiamare il font da CSS:

font-family: 'Anton', sans-serif;

Nel mio caso ho inserito:

<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"></link>
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"></link>

Blogger | Invertire nome blog con titolo post

Blogger

Prima:
Simplypoint: Blogger | Invertire nome blog con titolo post
Dopo:
Blogger | Invertire nome blog con titolo post | Simplypoint

Perchè?

Maggiore probabilità di click da parte degli utenti in quanto viene velocizzata la comprensione della descrizione del titolo e quindi del contenuto del post.
Nel caso di nome del blog lungo prima del titolo del post, quest'ultimo viene tagliato dalle ricerche di Google peggiorandone la posizione

Cercare:

oppure:

e sostituirlo con:

Note:
è possibile sostituire "|" con altri simboli

Blogger | Nascondere "Visualizzazione dei post con l'etichetta ..."

Blogger

Eliminare:

Blogger | Reset template

Blogger

Se è stato compromesso il template:
(verrà cancellato tutto quello che riguarda il template: modifiche, personalizzazioni...)

scaricare un backup del template
andare in modifica HTML
sostituire tutto il codice con:

ricaricare un altro template

Blogger | Eliminare "Powered by Blogger"

Blogger

Eliminare le seguenti righe:

Nei template nuovi invece potrebbe essere necessario eliminare:

<b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='><br />
<b:widget-settings><br />
<b:widget-setting name='copyright'/><br />
</b:widget-settings><br />
<b:includable id='main' var='this'><br />
<div class='widget-content'>
<br />
<div class='blogger'>
<br />
<a expr:href='data:bloggerUrl'><br />
<b:include name='flatBloggerIcon'/><br />
<b:message name='messages.poweredByBlogger'/><br />
</a><br />
</div>
<br />
<br />
<b:if cond='data:imageAuthor'><br />
<div class='image-attribution'>
<br />
<b:if cond='data:imageAuthor.url'><br />
<b:message name='messages.templateImagesByLink'><br />
<b:param expr:value='data:imageAuthor.url'/><br />
<b:param expr:value='data:imageAuthor.name'/><br />
</b:message><br />
<b:else/><br />
<b:message name='messages.templateImagesBy'><br />
<b:param expr:value='data:imageAuthor.name'/><br />
</b:message><br />
</b:if><br />
 </div>
<br />
</b:if><br />
<br />
<b:if cond='data:copyright != ""'><br />
<div class='copyright'>
<data:copyright/></div>
<br />
</b:if><br />
</div>
<br />
</b:includable><br />
</b:widget>

Blogger | Eliminare "Post più vecchi" , "Home", "Post più recenti"

Blogger

Andate su: Layout / Modifica HTML
Selezionate: Espandi i modelli widget

Cercate:

Per togliere la scritta "Post più recenti", eliminate queste righe:

Per togliere la scritta "Post più vecchi", eliminate queste righe:

Per togliere la scritta "Home", eliminate queste righe:

Alternativa: eliminare le seguenti righe:

Blogger | Eliminare "Iscriviti a:Post (Atom)"

Blogger

Breve guida per eliminare la scritta "Iscriviti a:Post (Atom)" sotto ogni post di blogger.

Andate su: Layout / Modifica HTML

Cercate:

.feed-links 

clear:both;

line-height:2.5em;

...e aggiungete:

.feed-links 

clear:both;

line-height:2.5em;

Per i nuovi template:
cercate:

<!-- feed links -->

<b:include name='feedLinks'/>

</b:if>

ed eliminate:
<b:include name='feedLinks'/>

Guide: Blogumus - Etichette animate in 3D

Blogger

Blogumus è un widget per Blogger che ci permette di avere nel nostro blog una tag cloud animata in 3D.

Backup/Ripristino modello
Prima della sua installazione Eseguite sempre un backup/ripristino modello
Layout / Modifica HTML / Esegui backup/ripristino modello / Scarica modello completo

Installazzione
Layout / Modifica HTML / "Espandi i modelli widget" e cercare la seguente riga:

Subito dopo questa linea, incollare il seguente codice:

<br />
<b:widget id='Label99' locked='false' title='Labels' type='Label'><br />
<b:includable id='main'><br />
<b:if cond='data:title'><br />
<h2>
<data:title/></h2>
</b:if><br />
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" ><br />
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /><br />
<param name="bgcolor" value="#ffffff" /><br />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags><br />
<b:loop values='data:labels' var='label'><br />
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a><br />
</b:loop><br />
</tags>" /><br />
<p>
Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
<br />
</object><br />
</div>
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />

"Salva le modifiche".
Il Vostro widget sarà pronto per essere inserito.

Aggiungere Blogumus nella pagina
Layout / Elementi Pagina / Aggiungi un gadget / Etichette /Salva

Il nuovo widget sarà comparso nella sidecar del vostro blog!

Parametri personalizzabili:

Larghezza: width
Altezza: height
Colore dello sfondo: bgcolor
Colore del testo: tcolor
Dimensione caratteri: style

Attenzione: Blogumus richiede l'installazione di Flash Player v7 o superiore.

Blogger | Eliminare la Navbar di blogger

Blogger

E' possibile eliminare la Navbar di blogger che appare all'estremo superiore della nostra pagina inserendo poche righe di codice html.

Modello/Modifica Html

Premere Ctrl+F per cercale la seguente riga:

/* Variable definitions

PRIMA di essa aggiungere:

#navbar-iframe {
display: none !important;
}

oppure cercare

<b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>

...

</b:section>

ed eliminare tutto

Creare riassunti di post espandibili

Blogger

Ottima guida per poter visualizzare nella Vostra HomePage di Blogger solo un riassunto dei propri post. E' una valida soluzione per evitare di avere lunghissime pagine che recano solo danno all'immagine del Vostro Blog. Leggila al seguente link: Creare riassunti di post espandibili

SIMPLYPOINT

=All I Need=

Recent posts for Blogger

Some trick to showing your latest posts to your blog visitors in any place, also inside the posts or static page.

Come installare font per personalizzare sito/blog

Blogger | Invertire nome blog con titolo post

Blogger | Nascondere "Visualizzazione dei post con l'etichetta ..."

Blogger | Reset template

Blogger | Eliminare "Powered by Blogger"

Blogger | Eliminare "Post più vecchi" , "Home", "Post più recenti"

Blogger | Eliminare "Iscriviti a:Post (Atom)"

BlogRoll

Guide: Blogumus - Etichette animate in 3D

Blogger | Eliminare la Navbar di blogger

Creare riassunti di post espandibili