AVISO!!Artigo Desactualizado!
O Flash Player foi descontinuado e o seu uso na Net eliminado.
Como tal, este artigo actualmente só tem valor informativo.
Ainda relacionado com a serie de artigos sobre a Lista de Blogues, mas mais como um aparte já que neste caso se refere a uma lista de ligações que tanto podem ser externas como internas. Este foi um artigo que escrevi no Mocheco⊗Marafado a pedido de um leitor na altura e que agora republico aqui. 8)
Atenção: antes de tentar modificar o código do blogue, é recomendado que salve sempre o modelo actual!
No artigo a seguir, praticamente todo o texto mantém-se o mesmo, somente actualizei as ligações incluídas para outros artigos, a imagem apresentando o exemplo de como incluir a dita Lista e claro, actualizei também a parte descrevendo como encontrar os códigos. :)
Publicada originalmente em
18 de Maio, 2010
Escrevo este passo a passo em resposta a um leitor aqui do blogue que, pelo que entendi, tentou criar uma lista de ligações internas utilizando a Lista de Blogues... com Blogumus.
Convém mencionar que essa Lista é para mostrar ligações (links) para blogues externos, de amigos, blogues que gostamos, etc... ;)
Neste caso, em que o objectivo é criar uma lista de ligações internas, tipo menu de navegação utilizando o Blogumus, tem 2 maneiras de fazer, ambas aproveitando mini-aplicações providenciadas pelo Blogger:
Uma é a miniaplicação Páginas (Pagelist) que geralmente se utiliza quando se cria paginas estáticas no blogue e a outra, que vou utilizar aqui neste passo a passo já que nos dá mais liberdade de colocar ligações sem ser para paginas estáticas, é a Lista de Links (Linklist) ou Lista de Ligações/Hiperligações.
Antes de ler mais adiante, recomendo que ler Blogumus? Que é isso?, para saber como configurar, para baixar os ficheiros necessários ao funcionamento do Blogumus e saber como fazer para alojar esses ficheiros.
Bem, então vamos ao tutorial:
Primeiro vá a Esquema (1º Passo na imagem abaixo) e adicione uma nova miniaplicação (2º Passo na imagem abaixo), escolha a Lista de Links (3º Passo na imagem abaixo) e coloque uma ligação, não importa qual, pode ser para a pagina inicial do seu blogue e salve.
a seguir vamos à aba Modelo e depois Editar HTML para abrir o Editor de HTML, onde está toda a codificação presente no blogue e procuramos:
<b:widget id='LinkList1' locked='false' title='LinkList' type='LinkList'>
Podem também clicar em qualquer parte DENTRO do Editor de HTML e utilizar Ctrl+F (No Firefox, pelo menos...) para abrir a caixa de pesquisa onde se digita o titulo ou ID do elemento pretendido.
A outra opção é utilizar a opção Avançar para o widget, que neste caso é bem fácil já que aparece LinkList nas opções a escolher...
Embora onde tem id='LinkList1' possa ter outro numero, dependendo se já tem outro elemento do mesmo tipo no blogue e title='LinkList' também pode estar diferente, caso tenha colocado algum titulo diferente ao criar o elemento.
Enfim, após localizarem o elemento em questão, substitua o que está desde <b:includable id='main'> até </b:widget> pelo seguinte código, após fazer as alterações necessários como mencionado no artigo acima sobre o Blogumus:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script src='URL_DO_SITE_ALOJAMENTO/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("URL_DO_SITE_ALOJAMENTO/tagcloud.swf",
"tagcloud", "295", <!-- width="295" -->
"250", "7", <!-- height="250" -->
"#2e3335");
// uncomment next line to enable transparency
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x045FB4");
so.addVariable("hicolor", "0x79C7E8");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:links' var='link'><a expr:href='data:link.target' style='12'><data:link.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>
Pré-Visualize e se tudo estar em ordem, Salve.
Após estas operações, agora já pode adicionar quantos links desejar, sejam internos ou externos simplesmente utilizando a opção editar do próprio elemento sem ser necessário mexer mais no código do template.
Termino deixando aqui um exemplo do como fica a lista a funcionar:
DEMONSTRAÇÃO
NOTA: No código acima, as ligações (coloquei algumas deste blogue e mais uma dum blogue externo para fins de demonstração) abrem na mesma janela. No exemplo coloquei a abrirem numa nova janela porque utilizo uma iframe para puder publicar a demonstração dentro dum artigo aqui no blogue.
Espero ter ajudado.
Até Breve. :-F
Comentários
Malta, comentem, tanto críticas como elogios serão bem-vindos. E eu respondo, não prometo quando mas respondo.
Mas antes de comentarem, leiam as minhas Regras dos Comentários.
Se quiserem deixar o link para o vosso sitio, utilizar alguns estilos ou até inserir videos ou imagens nos comentários DEVEM mesmo ler as indicações nas Regras dos Comentários.
Caso prefiras comentar numa nova janela, ou se o formulário abaixo estiver nos dias ruins, podes clicar aqui.
Enviar um comentário