#quem é ... quemeee. : dicas







Pesquisar

Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Saiba como: ... Ocultando elementos em páginas específicas no Blogger

"  Ocultando elementos em páginas específicas no Blogger"



"  Este Hack é muito importante para quem quiser deixar seu Blogger/Blogspot com uma cara mais profissional."

"    Consiste em esconder ou exibir widgets dependendo do tipo de página que está sendo visualizada, como a página inicial, de postagens, marcadores e arquivo."


"  Com ele, podemos por exemplo, ocultar um banner ou anúncio quando o usuário estiver vendo uma página de postagem individual. As possibilidades são imensas!"

"  Para controlar a exibição de um elemento/widget/gadget no seu template, faça o seguinte:"


"  Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML  para entrar no modo de edição do código do seu Template."

   

"  ...marque a opção "

"    Expandir modelos de widgets."
"  Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo."



  "  Encontre o widget que você deseja controlar a exibição, através do título dele (utilizando o Ctrl+F do seu navegador)."

 "    Caso o widget não tenha um título, vá em Elementos de Página e dê um título a ele (poderá ser removido depois). Você encontrará algo parecido com isso...

 
<b:widget id='HTML1' locked='false' title='Título' type='HTML'>


Este é apenas um exemplo, o trecho não precisa ser HTML1, ou locked=’false’. Você deverá encontrar seu widget através do título."







  "  Agora vamos analisar o restante do código, para que possamos aplicar o Hack (parte em vinho)..."



<b:widget id='HTML1' locked='false' title='Título' type='HTML'>blog.pageType != "  item"'  >

<b:includable id='main'>

(código específico da variável)

- código fonte do Widget -
</b:if>
</b:includable>
</b:widget>


    "   A parte “- código fonte do Widget –” é apenas uma representação do código do Widget que você encontrará entre as partes verdes."




  "   Então vamos acrescentar o código entre <b:includable id='main'> e </b:includable>, que está em vinho, SUBSTITUINDO a parte “(código específico da variável)” pelo código desejado..." 



Ocultar nas páginas de postagens: 

<b:if cond='data:blog.pageType != "item"'>
Ocultar na página incial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
Ocultar em uma postagem específica:
<b:if cond='data:blog.url != "  URL do post"'  >
Ocultar na página inicial, de marcadores e arquivo:
<b:if cond='data:blog.pageType == "  item"'  >

Ocultar em uma página de marcador específica: 

<b:if cond='data:blog.homepageUrl != “http://URL_do_Blog/search/label/Marcador”'>
Ocultar nas páginas de arquivo:
<b:if cond='data:blog.pageType != "archive"'>
Ocultar na página de marcadores, postagens e arquivo:
<b:if cond='data:blog.homepageUrl == data:blog.url'>



"   Por exemplo, vamos supor que eu queira que meu widget de título “Publicidade” esteja oculto somente na página inicial. Então vou encontrá-lo através do título e acrescentar o código, deixando-o assim..."

<b:widget id='HTML1' locked='false' title='Publicidade' type='HTML'><b:if cond='data:blog.pageType != "item"'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

- código fonte do Widget -
</b:if>
</b:includable>
</b:widget>



   "   O Hack também funciona para elementos que não sejam widgets, como partes em HTML. Neste caso, basta colocar o código em vinho antes do início do código e o </b:if> após o fim."

 "  Visualize para ver se está tudo correto e clique em Salvar Modelo."

"     Agora os widgets aparecerão apenas nas páginas que você determinou."

  "   Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo."



 ***



 fonte e créditos deste presente post:
http://www.icebreaker.com.br/2009/07/ocultando-elementos-em-paginas.html



Blogger Hacks 


Share:

70 Maneiras Brilhantes Para Reutilizar Garrafas Plásticas

"70 Maneiras Brilhantes Para Reutilizar Garrafas Plásticas"







Share:

Aprenda como se faz: ... "Lista de títulos pós em Showcase etiquetas El página (Ajuda para o seu blog)"

"    Lista de títulos 
pós em Showcase 
etiquetas da página 
(Ajuda para o seu blog)"


"   Lista de títulos pós em nuvem página"


..."   mostrar os títulos pós nas páginas de etiquetas..."

Passos:                                                                 



[1] "   ...no painel do Blogger, passamos para a guia Editar HTML e marque a Expand Widget Templates para localizar esta linha de código..."

  
<b:include data='post' name='post'>


[2] ..."   substituímos essa linha com todo o código abaixo:


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div id='titulos'><ul><li>
<a expr:href='data:post.url'><data:post.title/></a>
</li></ul>
</div>

<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


[3] ..."  agora em uma parte do CSS,  colocamos,  



para estilizar a lista de títulos




antes de ]]></ b: skin>:



o seguinte código:                                                

#titulos{ /*estilo para o espaço ocupado pela lista */
margin:6px 0px;
background:#fff;
padding:6px;
border:1px inset #008800}

#titulos ul{ /*estilo de la lista */
margin:0px;
list-style-type:none;
background:#eeeded;
padding:3px;}


#titulos li{ /* estilo para cada item (título) da lista */
background: #fff url(endereço da imagem aonde hospedou) no-repeat 0% 100%;
font-weight: bold;
padding: 1px 0px 1px 60px;
}
border: 1px inset #008800;
padding:15px 0px 3px 40px;
font-weight:bold}


obs.:
o que está na cor vermelha , acima,  pode se alterado




...visualize...
salve!





 

[4] "    Temos agora que a data das entradas não são mostrados nestas páginas e assim não os títulos aparecem na lista, assim como localizar as entradas de código de data...:"

 



<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:

post.dateHeader/></h2>
</b:if>
 
..."   substituí-lo com o seguinte...

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:

post.dateHeader/></div>
</b:if>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'><data:
post.dateHeader/></div>
</b:if></b:if></b:if>














Share:

Como personalizar os marcadores do blogger em uma lista expansível


"   Como personalizar os marcadores do 

blogger

em uma lista expansível "











..."  outra opção que vocês usuários do blogger poderam usar para implementar o layout do seu blogger, esse é mais um tutorial para transforma o seu “menu de categorias” ou melhor dizendo os marcadores do blogger, em uma lista expansível. E porque você faria isso? Porque ocupa pouco espaço no seu layout, e para alguns blogueiros que tem muitos widgets espalhados pelo blogger sabe o quanto essa ferramenta é necessária não é verdade.


..."   entre logado em seu blogger e em seguida click em "layout" em qualquer uma das duas opções" ..." nas fotos abaixo."
"  Em seguinda basta clicar na ferramenta "editar html" para abrir a página de edição."


" Salve um modelo do seu template para evitar futuras dores de cabeça, caso você troque ou apague o código errado do template, e para isso basta clicar no ícone indicado nessa foto e salvar o modelo do seu template, para evitar futuros transtornos e dores de cabeça."



"Agora como você já deve ter salvo um 

modelo do seu template...

... não tem motivo para se preocupar, 

então agora você irá 


"  Um vez feito todos os passos acima, 




agora você irá clicar dentro do código

HTML do template e aperta "CTRL+F

e procurar pelo seguinte código"...



<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>


<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


...▲..." Encontrado o código acima 

você irá substituí-lo pelo seguinte 

código:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<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>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

<ul>
<b:loop values='data:labels' var='label'>
<li>

<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
</li>
</b:loop>
</ul>

<script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


fonte e créditos do presente post:
http://newtechsound.blogspot.com/2009/11/como-personalizar-os-marcadores-do_16.html


Share:

caixa de texto / modelos

Pesquisando, encontrei, 

bem explicado, 

e ,

postando estou, 

para que possa eu ,

sempre ter bem perto ,

e todos vocês que aqui vierem

excelente

matéria

de 

Jaqueline,

um amor de pessoa,

e penso que todos deveriam conhecer o

blog dela,

que tem diversas matérias,

bem didáticas.


 Portanto, antes de mais nada,

fonte e créditos , do presente post, em homenagem a Jaqueline, e seu:

customize-sua-propria-caixa-de-texto.html

Customize sua própria caixa de texto


"Quando comecei a blogar, uma das coisas que achei mais difícil foi achar uma caixinha de texto atraente, que não fosse igual a todas as caixas de texto que eu via em todos os blogs. É claro que eu ainda não entendia nada de html e por tanto, não conseguiria customizar uma caixinha simples. Cheguei a indicar o site que eu tinha encontrado com caixinhas mais bonitas. Agora, que sei ler os códigos (ou pelo menos alguns deles), vou explicar como vocês devem fazer para customizarem suas próprias caixinhas, deixando-as do jeito que vocês quiserem!"

Primeiro vocês devem entender o <textarea>. Este é o html que permite inserir textos e códigos html sem que eles sejam modificados pela codificação do seu Blogger. Desta forma, tudo o que vocês escreverem entre <textarea> ficará exatamente do jeito que vocês colocarem. Vejamos a codificação simples de uma caixa de texto:


<textarea rows="2" cols="20"> SEU TEXTO AQUI </textarea>


A caixa de texto ficará assim:





"Muito fácil não é mesmo? Agora vamos continuar analisando o código que eu passei acima. Notem que rows, determina a altura de sua caixinha e cols, determina a largura. Desta forma, vocês podem deixar a sua caixinha com a largura e a altura que preferirem e se o texto contido dentro dela ultrapassar o espaço, aparecerão barras de rolagem para que seus leitores possam copiar tudo o que está lá dentro sem problemas. Até agora nada de mais, então vamos aprender a dar cores para o fundo, a borda e o texto.

Para isso vocês devem aplicar a variável "  style".     
Tudo o que vier após o style dará forma à sua caixinha. Vejamos algumas definições:

  • Cor do fundo: você utilizará o background-color
  • Cor da linha: você utilizará o border
  • Cor do texto: você utilizará color
  • Engrossar a borda: utilize a pontuação em pixel antes de definir a cor no border

Vejam o código de uma caixinha de texto de fundo azul, borda vermelha e texto azul escuro:

<textarea rows="2" cols="20" style="border: 5px solid rgb(255, 0, 0); background-color: rgb(248, 248, 255); color: rgb(0, 0, 128);"> SEU TEXTO AQUI </textarea>





Notem que após o style, devemos colocar um sinal de igual e abrir aspas. As definições que vierem dentro do "  style"    ficarão separadas por ponto e vírgula. A borda está definida em 5px solid, sendo que o 5 vocês podem trocar por outro número qualquer e, as cores estão em Java Script e são representadas por rgb(definição da cor) mas, se vocês quiserem colocar as cores também em html não há problemas. O código ficaria assim:

<textarea rows="2" cols="20" style="border: 5px solid #FF0000; background-color: #F8F8FF; color:#000080;"> SEU TEXTO AQUI </textarea>
O resultado continuará sendo o mesmo. Para verem as cores que podem ser aplicadas, visitem esta Tabela de Cores que considero bem completa. Agora, uma prova final para que não tenham dúvidas com relação a barra de rolagem:



"Prontinho! Este é o código banner do Super DicaSSS, vejam que apareceu a barra de rolagem. Vamos customizar? Agora vocês podem ter sua caixinha de texto nas cores e tamanhos que preferirem."









Share:

..."falhas mais imperdoáveis de quem manda"


Chefes também cometem erros graves
Conheça as falhas mais imperdoáveis de quem manda

As falhas imperdoáveis para quem lidera

Autor: Caio Lauer

"As empresas nunca dependeram tanto da capacidade de gestão e da criação de bons climas organizacionais por seus comandantes. "

Motivar colaboradores, ter carisma, saber ouvir e dar feedback são características fundamentais para este perfil de funcionário. 

Mas quais são as atitudes intoleráveis pelas corporações quando o assunto é o comportamento destes profissionais?


A ineficácia e demora na tomada de decisões é um dos principais pontos quando o assunto é falha de líderes. Quem não tem a capacidade de antever e estar à frente das informações de mercado, não consegue atender às empresas na velocidade que precisam. 
Quanto melhor informado e interado no universo que o cerca, mais rápida e assertiva será a decisão do líder para alcançar resultados. “Quando as empresas definem seus planejamentos estratégicos e suas metas, normalmente altas, passam estas informações a seus líderes. Os profissionais que julgam ser impossível alcançar objetivos e acham qualquer proposta mais ousada inviável acabam se excluindo do mercado, além de contaminar toda a equipe”, alerta Alexandre Prates, especialista em liderança.

Profissionais que possuem a dificuldade de construir relacionamentos perdem espaço e os líderes têm por obrigação desenvolver esta competência. Chefes que não sabem lidar de forma adequada com seus subordinados, consequentemente não criam bons ambientes de trabalho e isso impacta diretamente nos resultados da organização. “Se há um clima ruim internamente, a competição externa se torna mais difícil porque o problema real já está dentro da companhia. Quando o líder é uma pessoa saudável para se relacionar, fica fácil construir um cenário onde as pessoas convivam bem”, aponta Prates.


Em um contexto onde o ambiente colaborativo é cada vez mais difundido, o autoritarismo é uma característica que há tempos não funciona. É o líder que manda e espera a obediência sem explicar o porquê de uma tarefa ou determinado objetivo. Tido como general, prega apenas pela obediência e perde o foco no real compromisso com as metas da organização. “Cria-se também uma espécie de cultura do medo, onde todos tendem a ficar com medo de errar, e isso trava qualquer tipo de criatividade e inovação”, comenta
Roberta Yono, consultora da Muttare, consultoria de gestão.

Roberta ainda conta que o gestor que tem como principal foco criar um bom ambiente de trabalho pode se perder, pois, normalmente afilia os colaboradores, os defende, “passa a mão na cabeça” e não estimula os profissionais a evoluírem, pois pensa que estes sempre têm de estar junto a ele. 
“Este perfil de líder evita conflitos e não se posiciona, tudo com o único propósito de evitar um clima ruim”, diz.

Para evitar erros de contratação, as organizações estão muito atentas nos processos de seleção, para garantir que seus profissionais correspondam às expectativas. 
Alguns comportamentos intoleráveis nos líderes são muito fáceis de identificar nos recrutamentos.
Dependendo da postura, pontos negativos podem ser vistos. 
“Se o candidato fala que só ele resolveria os problemas da organização, provavelmente é um modelador ou autoritário. 
Se menciona que faz de tudo para não criar um clima ruim na equipe, é certo que ali está um líder acolhedor, que poderá perder o foco nos reais objetivos da companhia”, exemplifica Roberta.

Já para Alexandre os processos de seleção evoluíram muito no Brasil de uns anos para cá, mas, por melhor que sejam essas dinâmicas, nem sempre é possível identificar na íntegra os defeitos do líder. 
“O ser humano é movido por valores e por mais que tente identificar comportamentos, a construção da cultural do ambiente de convívio acontece na ação e no dia a dia”, opina.

Muitos profissionais alcançam certo patamar em suas carreiras e imaginam que não devem aprender mais nada. 
A arrogância é um ponto bastante negativo e o maior problema está relacionado com o conflito com a nova geração de pessoas no mercado, pois é muito participativa e não encara de uma boa maneira a falta troca de ideias. 
O comandante que modela o colaborador também não é bem visto no mercado de trabalho. 
É aquele que solicita a resolução dos problemas e atividades do dia a dia do jeito que quer, não necessariamente da melhor forma, limitando a criatividade do subordinado. 
Roberta Yono afirma que ele breca a motivação do funcionário e traz grandes prejuízos para as corporações.
 


fonte:



  ...
 Share/Bookmark
Share:

Saiba como: ...Como ocultar a Navbar do Blogger - Atualizado para 2010 (Dica)

"   Como ocultar a Navbar do Blogger - Atualizado para 2010 (Dica)"
                                                                                     06 de outubro de 2010 /

"  Com todas as alterações ao sistema de modelos do Blogger, parece que não é de admirar que"   
..."   não funciona mais eficaz (especialmente para os projetos mais recentes do modelo).

..."   é possível ocultar a barra de navegação do Blogger (que exibe uma caixa de pesquisa e links úteis).
 
..."    precisa adicionar algumas linhas de CSS para o nosso código de modelo do Blogger."
..."           técnica atualizada para esconder o Blogger nav bar em alguns passos simples:

  • Ir para o Projeto> Editar HTML no seu painel do Blogger
  • Usando a função de pesquisa do seu navegador, localize o fechamento </ B: skin> tag na marcação do seu modelo HTML.
  • Imediatamente antes desta linha, cole o seguinte seção do código: navbar
  •  
  • (blá;)
  •  
  •  
  • Visualizar as alterações para garantir que tudo olha o jeito que deveria, em seguida, clique em    "    Salvar".
"  Isso é tudo que há para fazer!"

Está tudo bem para esconder o Blogger Nav-Bar?

..."   certeza que a equipe do Blogger não vai se importar se você optar por esconder o Blogger Nav-Bar (desde o meu tutorial anterior foi ligada à do esta página FAQ oficial). "

"   No entanto, devo salientar que em esconder a barra de navegação, você perderá o acesso a algumas funções de dentro de seu site, tais como a capacidade de acesso de administrador-páginas e aleatória         "     Next Blog"    links."


Não se esqueça que você pode optar por alterar a cor da barra de navegação e de transparência através da página> Design seção Elementos do seu painel, se você preferir não para ocultá-la completamente!


2010/10/how-to-hide-blogger-navbar-updated-for.html
o meu original tutorial para esconder o Blogger nav bar-
http://tudoaqui0.blogspot.com
Share:

"buscas populares"

buscas populares …apareça nas buscas… cadastre seu web site aqui…/buscas populares…alô negócios !!!…

pesquisar aqui:


Custom Search

vídeos

Pesquisar

Arquivo

Postagem em destaque

fale conosco

fale conosco!  Nome E-mail  * Mensagem  *

Seguidores

 
|| Пост!Featured on Hometalk.com