Leer Completo...
Saiba como "Mostrar/Ocultar Gadget HTML com Efeito"
Antes de Clicar no Título
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("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</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'>6. Altere Nome_do_Widget pelo nome que deu ao widget onde quer aplicar este hack.
<b:includable id='main'>
<a href='#' onclick='Effect.toggle("Nome_do_Widget","slide"); return false'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/> ▼</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>
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 ▼
pois, ▼= ▼
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:
Marcadores:
dicas
0
comentários
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
Marcadores:
populares
0
comentários
Templates para baixar free
BieTemplates
TEMPLATES PARA BAIXAR
- Mayumi Blogger Templates
- My Sweet Diary Blogger Templates
- Quietly Simple Blogger Templates
- Green Forest Blogger Templates
- Rustic Portrait Blogger Templates
- Matino Blogger Templates
- Emperors Blogger Templates
- Ink Stain (Science) Blogger Templates
- Maimpok Blogger Template
- Wooden Wall Blogger Template
- iGadgets
- Country side Blogger Template
- UpSide Blogger Template
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 |
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 |
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
de | Free Blogger Templates Gallery <kodoks.kasep@gmail.com> | ||
para | brandaodasilvaedilene@gmail.com | ||
data | 28 de julho de 2010 13:41 | ||
assunto | BieTemplates | ||
enviado por | feedburner.bounces.google.com | ||
assinado por | google.com |
Você está em:
Marcadores:
templates free
4
comentários
Assinar:
Postagens (Atom)