#quem é ... quemeee. : Blogger







Pesquisar

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

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:

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