Saiba Como se Faz:: » Sidebar »" Expandindo cada widget do blog" | #blogdicasblogueiros ...bdb... blog dicas blogueiros

Saiba Como se Faz:: » Sidebar »" Expandindo cada widget do blog"

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

como neste blog,

primeiro copie o título do widetg que você quer expandir."


Agora vá até o HTML do seu blog e

clique em "  Expandir modelos de widget".

..."  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(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; 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(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; 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 != &quot;&quot;'>
<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                                                                                    

flo

http://blogdicasblogueiros.blogspot.com.br/

Nenhum comentário:

Postar um comentário

Mensagem do formulário de comentário: