[▼]

Marcadores

Followers

?

DB: petição fim de preconceito

Leer Completo...

Saiba como "Mostrar/Ocultar Gadget HTML com Efeito"

image
Antes de Clicar no Título
2010-06-18 15h45_38
Depois de Clicar no Título
Devido a uma dúvida do João( do Informática na Web 2.0), no post dedicado às dúvidas sem tópico, estou a fazer este post. Em primeiro lugar, eu descobrir esta dica no metablog espanhol El Escaparate. Este hack, é muito bom, porque, por um lado, faz com que o nosso blog carregue menos, coisas, neste caso os widgets! Por outro lado, é também muito engraçado porque adiciona um efeito incrível ao nosso blog.


Vamos lá então aprender a a adicionar este hack aos seus widgets:
NOTA: Este hack utiliza um JavaScript, que irá ser adicionado ao seu blog.

1. Entre no Blogger > Design (Antigamente conhecida com Esquema em Portugal e Layout no Brasil) >  Editar HTML > clique em Expandir Modelos de Widget”.

2. Agora, vamos adicionar o JavaScript. Procure pela seguinte tag:
</head>
3. /\...Antes dela,  
    vamos adicionar o JavaScript:\/
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->



NOTA: Se já tiver este JavaScript, no seu blog para outro hack, não volte a adicioná-lo.

4. Agora, procure pelo nome do widget em que quer adicionar este hack. Vejamos abaixo um exemplo:
<b:widget id='HTML4' locked='false' title='Nome_do_widget' type='HTML'>
5. Uma vez que já localizou o gadget, adicione as linhas a vermelho no código abaixo:
<b:widget id='HTML4' locked='false' title='Nome_do_Widget' type='HTML'>
<b:includable id='main'>
<a href='#' onclick='Effect.toggle(&quot;Nome_do_Widget&quot;,&quot;slide&quot;); return false'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/> &#9660;</h2></b:if>
</a><div align='center' id='Nome_do_Widget' style='display: none;'>
<div class='widget-content'>
<data:content/>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
6. Altere Nome_do_Widget pelo nome que deu ao widget onde quer aplicar este hack.

7. Clique em Pré-Visualizar/Visualizar, se estiver tudo no seu devido lugar, clique em Guardar/Salvar Modelo.

NOTA: Se quiser adicionar este hack a outros widgets, retorne ao passo 4. 

Se quiser alterar o símbolo , substitua &#9660; 
pois,  ▼= &#9660;

por [+/-] 

ou por:


<img src="url_do_icon"/> 

isto se,
se pretender adicionar um icon personalizado.

fonte e créditos:http://www.rascunhosblogger.com/2010/06/mostrarocultar-gadget-com-efeito.html

Você está em:
Leer Completo...

notícias populares


A notícia "   Templates para baixar free” foi promovida para a categoria de notícias populares.



Acompanhe no endereço http://dihitt.com.br/noticia/templates-para-baixar-free






Você está em:
http://noticiasparavocee.blogspot.com
Leer Completo...

Templates para baixar free

BieTemplates
TEMPLATES PARA BAIXAR




Posted: 28 Jul 2010 09:13 AM PDT





Description
Mayumi blogger template is 2 column template with featured slider and magazine widgets.

Author
anshuldudeja

Posted: 28 Jul 2010 09:11 AM PDT





Description
My sweet diary is 2 column blogger template for diary writing blogs about personal views and thoughts.

Author
anshuldudeja

Posted: 28 Jul 2010 09:07 AM PDT





Description
Quietly Simple is 2 column blogger template for writing blogs about personal views and thoughts.
Author
anshuldudeja

Posted: 28 Jul 2010 09:05 AM PDT





Description
Quietly Simple is 2 column blogger template for writing blogs about personal views and thoughts.

Author
anshuldudeja

Posted: 28 Jul 2010 09:02 AM PDT





Description
Rustic Portrait blogger template is 3 column template with grungy look.All widgets are built inside it.

Author
anshuldudeja

Posted: 28 Jul 2010 09:00 AM PDT





Description
Matino blogger template is 2 column template with featured slider and magazine widgets.

Author
anshuldudeja

Posted: 28 Jul 2010 08:57 AM PDT





Description
An perfect gallery for photoblog of any type.

Author
anshuldudeja.com

Posted: 28 Jul 2010 08:54 AM PDT





Description
Ink Stain Science blogger template is 3 column template with green color for medical writing blogs.

Author
anshuldudeja

Posted: 28 Jul 2010 08:51 AM PDT





Description
Maimpok blogger template is 2 column template with featured slider and magazine widgets i.e real premium template with three column footer.

Author
anshuldudeja.com

Posted: 28 Jul 2010 08:42 AM PDT





Description
Wooden Wall blogger template is 3 column template with brown color with wood and ply looks

Author
anshuldudeja

Posted: 27 Jul 2010 12:10 PM PDT





Description
iGadget blogger theme is suitable for tech blogs.

Author
bloggerthemes

Posted: 27 Jul 2010 12:08 PM PDT





Description
CountrySide is a blogger theme that has a nice header image.This theme suits best for travel blogs,girly blogs.

Author
bloggerthemes

Posted: 27 Jul 2010 12:05 PM PDT





Description
UpSide is a wordpress theme converted to blogger by me for ChethstSudios.Upside comes in 5 styles

Author
bloggerthemes




fonte:

BieTemplates

deFree Blogger Templates Gallery <kodoks.kasep@gmail.com>
parabrandaodasilvaedilene@gmail.com
data28 de julho de 2010 13:41
assuntoBieTemplates
enviado porfeedburner.bounces.google.com
assinado porgoogle.com


Você está em: 
Leer Completo...

Ocorreu um erro neste gadget

pesquise aqui...!!!...

Ocorreu um erro neste gadget
Ocorreu um erro neste gadget