#Mensagens Diversificadas |MD|

Aqui neste espaço...   Apenas divulgo e indico...   Posts, notícias, dicas etc.    com devidas fontes  e créditos:       Blogues com caixa de rolagem Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos (lista de blogs) e anossa página comessa a ficar cheia, uma boa solução para esse problema é colocar uma barra de rolagem com a lista dos blogs. Para fazer isso é bem simples: Entra na pagina editar HTML e clica para expandir os modelos de widgets, então procura pelo inicio de tualista de blogs, um jeito fácil de a encontrar é procurar pelo titulo que usas na tua lista. <b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <div id='blog-list-title'> <h2 class='title'><data:title/...

. clique na seta Hack (colorido) para menu suspenso (marcadores) -  Hack (colorido)  para menu suspenso - (marcadores) -  DEMO Então: . Clicar  em Editar HTML . Em seguida , clicar  em   " Ir para um widget" Label1 Encontrando-o : Aí, com  as duas linhas de código acima ▲,  você irá fazer o seguinte: ..."todo  o código encontrado" , ou seja, as duas linhas citadas acima, ...colar, logo abaixo delas , o código:   <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3CbSK2-lR1yiJUl_qTaMhnpkrvAXBAQ5wef6zzu3iMmEmFyjXbAzNjaUKZIKi69RuYyKao2UDwqJm9o86A67mfJZujzkRWZTes2dOR6YmBLQRB_rw-HXhAamxgtgjCx59hzbYHPVEluZC/s1600/marcadores.png '/> <data:title/></h2> ...

  "  Como dividir o cabeçalho do Blogger" ..."   como dividir o cabeçalho do blog para que possa acomodar outro widget ao lado do título e abaixo do mesmo. " "  Lembrando que..." ...os tutoriais "... ..."   usam o template Mínima do Blogger como base; templates já modificados podem não  apresentar o resultado esperado ." ..."  Primeiro ..." ..."  entender o cabeçalho original, no HTML: <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Header Dividido TNB (Cabeçalho)' type='Header'/> </b:section> </div> "  Perceba que existe uma Div ( bloco ) no alto da página de nome ( ID ) ' header-wrapper ' que recebe um widget de nome Header1 dentro de uma seção  header . Header1 é um widget ...

pesquisar: Custom Search

esta postagem, foi pesquisada em: templateseacessorios. ... há tempos queria aprendê-la , e, aqui está: "Menu horizontal com buscador e setas para deslizar o blog" Menu com efeito hover nos botões , seta para subir e descer o blog e buscador.  "Antes de iniciar as modificações no html de seu blog, não se esqueça de ": ..."antes  começar salvar uma cópia de seu template,  caso não dê certo,  é só reinstalá-lo.  Instale esse menu no template Simples. "  Para instalá-lo vá até o HTML de seu blog e procure por: ]]></b:skin> ... ▲ ... encontrando o código ,   acima dele ( ]]></b:skin> )   cole   o código abaixo,      ...▼... /*Menu horizontal-------------------- ---------------*/ #nav{height:42px;border- bottom:1px solid #ddd;position:fixed;top:0px; left:0px;right:0px;background: #fff url( http://1.bp.blogspot.com/_ BaCxSD9NFn8/TGIsV_8BGlI/ AAAAAAAAB9k/...

Subscribe to RSS headline updates Subscribe to RSS headline updates from: Powered by FeedBurner

Código para colocar fundo em seu blog fonte e créditos: templateseacessorios Código para colocar fundo em seu blog "Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto. Para a imagem se repetir: <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22   AQUI O ENDEREÇO DA IMAGEM   %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script> Para a imagem não se repetir , o código é este: <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3...