Como incorporar a URL, HTML e Links para Fórum abaixo de cada postagem no blogger 1

Olá pessoal!  Vou ensinar passo a passo por meio do Site Blogger Tip & Trick  como adicionar URL, HTML e Código para fóruns ao final de cada postagem, é certo que vocês já devem ter visto em sites na web, no final de cada postagem tem uma  caixa de divulgação com links. Pois é isso que vamos aprender hoje. Para que assim os seus leitores compartilharem seu código rapidamente direto de seu Blog. Vamos à prática?

Procure pela tag </head> e copie todo o código abaixo e cole acima.

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>

Salve. Copie todo o código abaixo e procure pela parte <data:post.body/> e adicione TODO o código abaixo, abaixo da parte de código em negrito.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>

Se você encontrou este artigo útil, por 
favor link para esta página de seu site 
ou blog.</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://www.bloggertipandtrick.net/' style='display:none;' target='_blank'>Widget by BloggerTipAndTrick</a></p>
&lt;/div&gt;<br/>
</b:if>

Visualize, se tudo estiver bem, salve e vai estar sempre ao final de cada postagem sua! Você pode mudar o texto em vermelho que segue o código, para o que você achar melhor.

Até a próxima.