Mostrant codi a Blogger

Un dels mals de cap que he tingut a l'hora de configurar Blogger és que no sabia com fer-m'ho per mostrar codi incrustat a la pantalla, altres vegades he fet servir els gists de Github i segurament ho tornaré a fer servir en un futur, però per una edició ràpida i posar quatre línies de codi m'he tornat molt boig. Al final la solució que he trobat ha sigut la següent:

1.- Obrir l'editor d'HTML de la plantilla i cercar l'etiqueta </head>
, i just abans hi he afegit les següents línies:

<script src="//cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<link href='//jmblog.github.io/color-themes-for-google-code-prettify/themes/atelier-heath-light.css' rel='stylesheet' type='text/css'/>

2.- Desar, i ja he acabat.

I això és tot, ara per fer mostrar codi només cal fer servir les etiquetes:

<pre class="prettyprint lang-xxx"><code>el teu codi en llenguatge xxx aquí</code></pre>

Referències:
Customizing Blogger for a Technical Blog

Eliminant l'auto "Read More"

Després d'instal·lar el tema Limelight a Blogger, m'he adonat que les entrades eren horrorosament retallades i formatades, a més a més que t'afegia un auto "Read More" que quedava bastant malament. Ho he eliminat/solucionat fent el següent, he buscat al codi de l'estil les següents línies:

<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<b:if cond="data:blog.pageType != &quot;item&quot;">
</b:if></b:if>
<div expr:id="&quot;summary&quot; + data:post.id">
<data:post .body=""></data:post></div>
<script type="text/javascript">createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<b:if cond="data:blog.pageType == &quot;item&quot;"><data:post .body=""></data:post></b:if>
<b:if cond="data:blog.pageType == &quot;static_page&quot;"><data:post .body=""></data:post></b:if>

I les he modificat per la següent línia:

<data:post .body/>

Just a sota d'aquesta modificació, encara hi ha aquestes línies, les he esborrat i punt:

<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<b:if cond="data:blog.pageType != &quot;item&quot;">
</b:if></b:if>
<div style="float: right; margin-top: 10px; padding-right: 10px;">
<a class="morer" expr:href="data:post.url" href="https://www.blogger.com/null">Read More</a></div>

He desat tota la feina realitzada i ha quedat com jo volia que quedés.



Referències:
How to Remove Blogger Auto Read More

Hola, de nou!

Hola!

Realment no sé com has acabat aquí, abans tenia un blog apuntant a aquest mateix domini, però per aquelles coses de la vida va petar ben petat i no he pogut recuperar res (hi tenia coses dels darrers 3-4 anys, encara que hi publicava més aviat poc). Total, que he refet el blog i a començar de nou s'ha dit.

Que gaudeixis!