#Mensagens Diversificadas |MD|

Este presente post, vem a ser referente a um belíssimo e funcional tutorial, feito por por Ariane, do blog   templatesparanovoblogger, ...considero bem feito e funional, e bonito, por conseguinte, quero tê-lo sempre por perto!  "Lista de Postagens Populares na Horizontal"   ...widgets..." Postagens Populares" .  "É uma maneira interessante de atrair seus visitantes para outros textos que talvez não se apresentem na página inicial, além de mostrar os assuntos que mais agradam seus leitores. " "No entanto, por padrão, a lista aparece na vertical, limitando a possibilidade de mostrá-la em outras áreas do blog que não a sidebar, além de ocupar bastante espaço da coluna lateral, mesmo que se escolha poucos posts a serem mostrados." Uma maneira que considerada por Ariane, do blog   templatesparanovoblogger interessante foi mostrar esta mesma lista na horizontal, dentro de alguma div que ocupe toda a largura da página,   como ...

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