Novas opções para mostrar a barra do Blogger (Navbar): claro transparente e escuro transparente.
No PAINEL do Blogger, escolha em qual blog quer escolher o estilo do Navbar. Clique em LAYOUT >> EDITAR NAVBAR . Marque a opção escolhida e clique em SALVAR.
Se você usa um template personalizado que não mostra a Navbar, pode modificar isto seguindo o tutorial abaixo:
Para alinhar o texto e as imagens da sua lista de blogs (Blogroll), como na imagem acima, encontrei uma dica fantástica, no blog da Helen Fernanda, o HTMHelen. Você poderá alinhar em vários estilos:
Estes buttons foram criados pela Rosa do blog Scraps.
Se você quiser um destes para o seu blog, clique na imagem abaixo, para ir até lá!
Depois, é só clicar no modelo preferido e quando ela aparecer em outra janela, escolher save as OU salvar imagem como, em seu computador.
| <ul id='menu'> <li class='navSelected'> <a href='ENDEREÇO DO SEU BLOG'> <span> Home </ span> </ a> </ li> <li class='cat-item'> <a href='#' title='Edit'> <span> Editar </ span> </ a> </ li> <li class='cat-item'> <a href='#' title='Edit'> <span> Editar </ span> </ a> </ li> <li class='cat-item'> <a href='#' title='Edit'> <span> Editar </ span> </ a> </ li> <li class='cat-item'> <a href='#' title='Edit'> <span> Editar </ span> </ a> </ li> <li class='cat-item'> <a href='#' title='Edit'> <span> Editar </ span> </ a> </ li> </ ul> |
| <div id='subMenu'> <ul style='top:46px;'> <li> <a href='#'> <span> Editar </ span> </ a> </ li> <li> <a href='#'> <span> Editar </ span> </ a> </ li> <li> <a href='#'> <span> Editar </ span> </ a> </ li> </ ul> </ div> |
| <ul> <li> <a href='ENDEREÇO DO SEU BLOG/feeds/posts/default'> Subscribe to RSS </ a> </ li> </ ul> |
Este template foi modificado por mim, seguindo o tutorial Criar um template mínima de 3 colunas.
Nas próximas postagens, falarei de layouts para decorar blogs para quem usa o mínima 2 colunas, com opção para o de 3 colunas. Então, este já servirá de base para modificações futuras, sem precisar trabalhar com HTML, que é complicado ainda, para algumas pessoas.
Não se esqueça de:
VERSO DO MODELO:
Artigos relacionados:
| http://search.blogger.com/blogsearch?q=link:ENDEREÇO DO SEU BLOG |
| link:ENDEREÇO DO SEU BLOG |
Vimos em uma postagem anterior, um widget para mostrar quem você está seguindo no Twitter:
Este aqui, o Twitter Followers Widget exibirá seus seguidores.
1. Entre com o seu ID Twitter, senha e, se quiser, modifique o tamanho e quantos amigos você quer mostrar.
2. Clique em GET CODE e será gerado o código HTML que você copia e cola em um elemento de página HTML/Java Script, no local onde quer que apareça.
TUTORIAL EM VÍDEO (INGLÊS) – AS IMAGENS DIZEM TUDO!
LINKS RELACIONADOS:
| <style> .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px; } .showpageArea a {border: 1px solid #505050; color: #ffffff;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'First'; var endPageWord = 'Last'; var upPageWord ='Previous'; var downPageWord ='Next'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script> |
Veja isto funcionando neste blog: Pérolas Esparsas
Editando o código com as suas preferências: 1. Procure no código do seu widget, pelos trechos:
|
Update em 18/10/2009
| #item{ width:100px; height:100px; margin:0 auto; position: relative; } #item ul{ list-style:none; } |
| <div id='tag-wrap'> <b:section class='tag-wrap' id='tag-wrapper' preferred='yes' showaddelement='no'> <b:widget id='Label6' locked='true' title='Carousel' type='Label'> <b:includable id='main'> <b:if cond='data:title'> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <div id='item'> <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> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> </div> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <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> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> |
| <script src=' http://coolwebbies.googlepages.com/jquery-1.3.2.min.js' type='text/javascript '/> <script charset='utf-8' src='http://coolwebbies.googlepages.com/3DEngine.js' type='text/javascript'/> <script charset='utf-8' src=' http://coolwebbies.googlepages.com/Ring.js' type='text/javascript '/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { var camera = new Camera3D(); camera.init(0,0,0,300); var container = $("#item"); var item = new Object3D(container); item.addChild(new Ring(200, $("#item ul li").length)); var scene = new Scene3D(); scene.addToScene(item); var mouseX,mouseY = 0; var offsetX = $("#item").offset().left; var offsetY = $("#item").offset().top; var speed = 6000; $().mousemove(function(e){ mouseX = e.clientX - offsetX - (container.width() / 2); mouseY = e.clientY - offsetY - (container.height() / 2); }); axisRotation.x = 1.5; var animateIt = function(){ if (mouseX != undefined){ axisRotation.y += (mouseX) / speed; } scene.renderCamera(camera); }; setInterval(animateIt, 20); }); //]]> </script> |
Um widget elegante e simples que permite mostrar as pessoas que você segue no Twitter, sem a inserção de flash, Java Script, ou outro código-fonte potencialmente complicado. Basta visitar o site Twitter Friends Widget, digitar seu login do Twitter (sem senha ou outras informações de autenticação necessárias), clique em GET CODE e será gerado um código HTML . Copie e cole na barra lateral do seu blog, em um elemento HTML/Java Script.
LINKS RELACIONADOS:
Desafio que recebi do Bianco Garniz do blog Como Fazer Web. Eu fiquei muito orgulhosa quando li a lista de blogs que ele gosta e repassou o desafio e o meu estava lá. Obrigada, também gosto muito do conteúdo que você publica, uso e abuso das dicas. Bom, o desafio e relatar 10 coisas que eu odeio, não gosto, não suporto, não aceito ou me conformo, detesto, etc…
1. Invasão de Privacidade: ficarem olhando o que estou fazendo no computador, abrir minha bolsa ou o meu guarda-roupa e remexer tudo, mexer no meu celular e mudar a configuração todinha!…ler minhas correspondências e ficar comentando sobre minhas dívidas, abrir a geladeira e comer meu doce preferido ou o meu chocolate que guardei para comer vendo a novela das oito!… rs… e coisas deste tipo. Eu moro sozinha, graças a Deus, pois meus filhos já foram cuidar de suas vidas mas, os parentes-vizinhos não respeitam nada por aqui. Não sei mais o que fazer!
2. Compartilhar objetos de uso pessoal: Se tem uma coisa que eu detesto é compartilhar talher, copo, toalha de banho, e minha havaianas. Gente, tem coisa pior que alguém te ver comendo algo e pedir: ‘me dá um pouquinho?’, já com o bocão aberto? Ou simplesmente tomar um golinho do suco ou da cervejinha gelada? Babou no meu copo, não bebo mais! E o mais grave: pedir minhas havaianas branquinhas, que só uso em casa, para “ir ali”!!! …ODEIO! Quem faz isto é a minha filha, quando vem à minha casa. O cúmulo do absurdo: ah, aproveitei e tomei um banhinho pra refrescar…a visita que usou…minha toalha de banho!
3. Acordar cedo: acordo a hora que quero, estou me aposentando e já me afastei do trabalho. Daí alguém marca um compromisso, que não é do meu interesse para 7 da manhã (batizado de sobrinhos, missa de não sei-o-quê, mostrar um catálogo da Avon ou da Natura. Vá se catar, cambada! Quando eu quero comprar eu procuro, saio e compro! Também tenho aqueles que tocam a campainha cedinho e perguntam: “eu deixei meu-qualquer-coisa aqui, ontem”? …OU “me empresta a tua chave do portão de baixo?…eu perdi a minha!” Eu faço uma cara que nem queiram ver!
4. Barulho: De todos os tipos…TV falando mais que as pessoas em casa, principalmente nos intervalos para comerciais; carros e motos sem o silencioso no escapamento…eu respiro fundo!!!… pessoas que falam alto que até parece que estou lá no Japão e eu digo bem baixinho: “eiê, eu estou aqui!…carro de propaganda (sem comentários!)…celular cujo toque é uma banda inteira…meu Deus!!!…um samba ou axé music inteirinho? Me poupe!
5. Blogueiro que se acha: eles são o máximo mesmo (alguns), tem blogs excelentes mas só querem o “venha a nós”…o vosso reino NADA! …Não tem educação, não respondem comentários educados, só os que os xingam ou contestam…aí caem matando!…querem visitas, comentários e ibope mas não dão a mínima para os leitores. Tem uma meia dúzia na UMBIGOSFERA, como diz o Gato Guga! Aproveitem e leiam o Editorial do Herbert Drummond. >>>Meninos, repasso o desafio!
6. Sujeira: Sou neurótica! Aliás, acho que já passei do limite com isto. Eu limpo e limpo demais. Desinfeto, fico olhando os talheres, copos, dentro do box do banheiro, se tem bichinhos circulando porque acho que eles estão em toda parte. Gasto litros de água sanitária por semana. Culpa da Biologia: depois de ver os monstrinhos no microscópio da faculdade, eu fiquei com nóia mesmo! Até na água mineral?…daí, pirei de vez, assumo!
7. Engordar: Eu tenho pavor de ficar gorda. Eu engordo com o cheiro da comida do vizinho!…choro, fico deprimida e dou toda a minha roupa que ficou pequena que é pra não sofrer mais ainda. Daí emagreço e choro porque estou sem roupa de magra e só tenho roupa de gorda. Gente, escrevendo isto tudo aqui eu tou achando que não sou normal mesmo…acho que sou meio maluquinha.
8. Infidelidade: isto engloba muitas outras formas de ser infiel…falar mal de amigos, traição amorosa, falta de companheirismo, fala tudo mas não sabe ouvir quando você precisa desabafar, empresta e não devolve, seja lá o que for, usa e abusa do que é seu mas não compartilha nada dele, político que promete…e só promete!…
9. Falso moralismo: resumindo…puritanos, dissimulados, perfeitos mais-que-imperfeitos, quem não tem coragem de assumir seus erros e defeitos, sempre procurando uma desculpa para se justificarem, aproveitadores de todos os tipos (meu pai os chama de “pongadores”)…ah, os fanáticos religiosos que dizem que não sou filha de Deus e que o d… é que me confunde, me concedendo as bençãos e os milagres que tenho recebido ao longo da vida, os que passam por mim na rua e me dizem: aceite Jesus que ele te libertará do pecado e da vida mundana (que vida mundana? VIRTUAL?)… (quem disse que não aceitei Jesus?…Ele me ama, me perdoa, me aceita, me concede graças infinitas, e o meu Deus de amor, bondade e misericórdia…o MEU DEUS!)…EU TINHA QUE DESABAFAR!
10. Odeio Odiar! Eu queria ser melhor do que sou, não detestar nem odiar nada nem ninguém mas, ainda não consegui a perfeição. Por exemplo, neste momento a conexão “internética” está lenta e isto é mais uma coisa que odeio. Odeio, e quem é que não odeia?…Fazer o quê?!!!…Sou humana, comum, não-normal, sei lá. Na verdade, agora que já acabei de escrever, penso que não é ódio, apenas não gosto e não gosto mesmo de tudo isso aí que estou expondo agora! E eu falo de boca cheia: deteXto isto, deteXto aquilo e já ouvi de alguém que foi muito importante em minha vida (não é mais!): eu detesto este teu X que substitui o S, nas palavras. Você nem é carioca, é paulista! Pois é, minha gente, eu sou pauliXta, mas moro na Bahia então, falar fexta, nexta, bexta…pode! Eu posso tudo o que quiser porque ODEIO, deteXto mesmo, gente que me reprime!…rs…
Beijosssssssssssssssss
FOTO: Achei lá no Quase 30
"Eu sou aquela mulher que fez a escalada da montanha da vida, removendo pedras e plantando flores". (Cora Coralina).
