Para inserir uma caixa que exibe seus amigos no seu Blog Clickgrátis é muito simples. Para isso vamos inserir um trecho de código no layout do Blog.
Primeiramente faça o login na página inicial do blog.clickgratis.com.br
Após ser feito o login você entrará no gerenciador dos seus blog, clique no blog que deseja inserir a widget.
agora clique na aba em ‘layout’.
Devemos então procurar pelo trecho de código <td class='rightside'... se sua sidebar esta localizada na direita do seu blog ou <td class='leftside’... se for na esquerda.
Agora logo após o código <td class='rightside'... adicione:
<!-- LISTA DE AMIGOS -->
<style type='text/css'>
#amigos ul { list-style-type: none; }
#amigos li { display:inline; margin: 2px; }
#amigos img { height: 40px; width: 40px; border: 1px solid #000; }
</style>
<br />
<h2>Amigos</h2>
<%ListaSeguidores%>
<!-- FIM LISTA DE AMIGOS -->
Assim o trecho de código ficará:
<td class='rightside' width='170'>
<!-- BEGIN RIGHTSIDE CONTENT -->
<!-- LISTA DE AMIGOS -->
<style type='text/css'>
#amigos ul { list-style-type: none; }
#amigos li { display:inline; margin: 2px; }
#amigos img { height: 40px; width: 40px; border: 1px solid #000; }
</style>
<br />
<h2>Amigos</h2>
<%ListaSeguidores%>
<!-- FIM LISTA DE AMIGOS -->
Agora clique em salvar alterações. Pronto, sua widget que exibe seus amigos está instalada.