2012

Per modificare in un blog di Blogger il testo della scritta 0 commenti (visibile in Home Page sotto al post quando non sono stati ancora inseriti commenti ai post da parte dei lettori) con la frase "Inserisci un commento" o con altro testo scelto dall'autore del blog è possibile applicare una modifica HTML al codice del template.

Nella sezione "Modello">"Modifica HTML", dopo aver selezionato l'opzione "Espandi modelli widget",è necessario individuare, con una scorciatoia da tastiera, il seguente codice:

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/> </b:if> </a>

NB: Per alcuni tipi di template il codice da trovare sarà invece il seguente

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>

Da sostituire interamente con la seguente stringa:

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Inserisci un commento <b:else/> <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/></b:if> </b:if> </a>

Dopo aver salvato la modifica il testo/link alla pagina del post con i commenti incorporati o che apre il modulo dei commenti in un'altra finestra non sarà più zero commenti ma la scritta inserita con il nuovo codice che è possibile modificare cambiando il testo "Inserisci un commento" indicato in rosso.

Prima di applicare modifiche al codice HTML del modello è sempre preferibile, per sicurezza, salvare una copia di backup del template del blog di Blogger.

Per avere una casella di ricerca posizionata direttamente all'interno di un menu orizzontale di un blog di Blogger, come visibile in Test per Blogger, è possibile integrare una casella di ricerca personalizzata Google dentro al codice del gadget "Pagine" (o "Elenco di Link") di Blogger.

Per inserire la casella di ricerca Google nel menu orizzontale di Blogger bisogna prelevare dal codice del modulo che si ottiene alla fine della procedura per avere una casella di ricerca personalizzata lo specifico codice ID
E' necessario poi utilizzare il codice ID della casella personalizzata del proprio blog di Blogger (da mettere al posto di xxxxxxxxxxxxxxxxxxxxx:xxx_xxxxx_x) per completare la seguente sezione "Search":

<div class='cse' style='color:#000000;float:right;margin:6px 10px 0 0 ;'>
<form action='http://www.google.com/cse' id='cse-search-box'>
<input name='cx' type='hidden' value=' xxxxxxxxxxxxxxxxxxxxx:xxx_xxxxx_x '/>
<input type='text' name='q' size='35' />
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
</div>

A questo punto bisogna aggiungere il nuovo modulo di ricerca nel blog con una modifica HTML al template del blog di Blogger direttamente all'interno del codice del gadget "Pagine", utilizzato per il menu di Blogger, nella posizione visibile in basso:
( per trovare con facilità la sezione del template di Blogger da modificare è possibile utilizzare una scorciatoia da tastiera in modo da individuare il rigo: <b:widget id='PageList1 )

<b:widget id='PageList1' locked='false' title='Pagine' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>

<b:else/>
<ul>
<div class='cse' style='color:#000000;float:right;margin:6px 10px 0 0 ;'>
<form action='http://www.google.com/cse' id='cse-search-box'>
<input name='cx' type='hidden' value=' xxxxxxxxxxxxxxxxxxxxx:xxx_xxxxx_x '/>
<input type='text' name='q' size='35' />
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
</div>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Come mettere un gadget in alto nell’Header di un blog su Blogger

Test per blogger

Pagine

Come cambiare la scritta "0 commenti" in un blog di Blogger

Come aggiungere una casella di ricerca Google al menu orizzontale di Blogger