Aqui neste espaço...
Apenas divulgo e indico...
Posts, notícias, dicas etc.
...com devidas fontes e créditos:
Expandindo cada widget do blog
..." ter widget do seu blog "expandível"
...primeiro copie o título do widetg
que você quer expandir."
Agora,
vá até o HTML do seu blog e
..."e, em seu teclado,
clique na tecla F3
e cole aí o título do widget
..."Encontrando...
...agora,
um pouco abaixo
você verá um código assim:
<b:includable id='main'>
" Cole abaixo dele este código"
▼
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
*Preferindo uma imagem, troque o código em roxo por este código abaixo e coloque aí o endereço da imagem.
<img src="ENDEREÇO DA IMAGEM"/>
..." um pouco mais abaixo, procure por este código:
<div class='widget-content'>
" Agora, embaixo dele
...cole este código abaixo
▼
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
..." mais abaixo procure por este outro código"
<b:include name='quickedit'/>
..." cole acima dele este código:"
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
..." visualize,
se deu tudo certo,
é só salvar."
" Exemplo de como o código
deverá ficar"
" O código em preto
é o que deverá ter no HTML do seu blog,
e a parte em vermelho
é a que você irá inserir."
Deverá ficar assim:
<b:widget id='Text1' locked='false' title='Do coração' type='Text'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<data:content/>
</div>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
fonte e créditos:
Obrigada Elke
0 Comentários
Mensagem do formulário de comentário: