Essa é mais uma forma de personalizar o layout do seu blogger, e como pode ser notado em alguns bloggers o efeito fica muito legal, eu ja vi alguns blogs orientando como colocar as nuvens de marcadores, porém, a diferença entre o modelo que eles trazem com esse que estou disponibilizando é o seguinte, esse modelo que segue a baixo além do efeito nuvem de marcadores ou melhor(Label Clowd) ele funciona em flash, ou seja, seus marcadores ficarão em movimento constante.
Primeiro entre logado no seu blogger, e click em alguma das opções que estou trazendo nas fotos abaixo em layout.
Segundo Passo: basta clicar na ferramenta editar html para abrir a página de edição do template.
Terceiro Passo: nunca eu disse nunca edite ou troque o seu template sem antes salvar o modelo que você esta usando.
Para salvar o modelo de template click onde a foto acima esta mostrando "Baixar modelo completo" é necessário salvar o seu template para evitar futuros transtornos.
Agora é que vamos instalar a nuvem de marcadores animados, procure pela linha:
<b:section class='sidebar' id='sidebar' preferred='yes'>
E logo abaixo dela você irá colar o seguinte código:
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/codigosnewtechsound/marcadores/swfobject.js' type='text/javascript'/>
<div id='flashcontent'> by <a href='http://www.portaldicas.net/'>Portaldicas</a> </div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Salve o seu template e veja se correu todo certo.
Para personalizar a altura e largura e largura da sua nuvem de marcadores basta editar as numerações que eu coloquei de vermelho e azul, onde:
fonte:bloggerbuster
5 comentários:
Oi, bem bacana sua dica...
abs
Vou tentar fazer isso.
bjs
joana
Amanhã vou tentar implementar!! Além de bonito, economiza espaço!! Muito bom!!
Abs!!
eu nao consegui meu template nao tem esse codigo
www.klebimfreitas.blogspot.com
Suas dicas são maravilhosas e eu já apliquei muitas delas nos meus blogs. Só não entendo como você aceita que copiem e publiquem suas postagens na íntegra!!!
Postar um comentário