tag:blogger.com,1999:blog-82743437792118426472024-03-21T23:32:24.350-03:00Hack-BloggerFiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-8274343779211842647.post-9464510720402413682009-01-27T22:17:00.001-02:002009-01-27T22:17:50.452-02:00Fim do BlogAos leitores e parceiros,<br />Acho que todos provavelmente perceberam que o blog anda abandonado, pensei em retomar mas decidir pôr fim de vez a esse blog. O conteúdo continuará até que o EasyShare resolva apagar os arquivos de vez.<br /><br />Resolvi escrever um outro blog, com uma temática diferente.<br /><br />Aos leitores sejam bem vindos.<br /><br />Aos parceiros que quiserem retomar a parceria é só deixar uma mensagem por lá....<br /><br /><a href="http://blog.igorfonseca.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid0EVsJlQZy0owAKY763tsP5Xh8Uq2593jxXznPgIUt4NMN40TT2cmCBmlCENetI4zLsFTJDa-LklVFyBYugoGwoI2VrxdManhD_R7CjY4x8Fp7UeHYE1wiWTQTn5or3rML801CGEZxJ8/s400/BannerEtanol.jpg" id="BLOGGER_PHOTO_ID_5296131237883809970" border="0" /></a>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com1tag:blogger.com,1999:blog-8274343779211842647.post-34720908081626578842008-03-10T22:51:00.003-03:002008-03-10T23:09:59.393-03:00Emoticons no Blogger<span class="dropcaps">P</span>ara inserir emoticons no blogger vamos fazer o seguinte:<br /><br /><br /><br /><br /><br />1 - Procure pelo código abaixo:<br /><br /><div class="codigoimg"><div class="codigo"></head></div></div><br />2 - Logo acima copie e cole o código abaixo:<br><br /><br /><div class="codigoimg"><div class="codigo"><script src='<a class="linkification-ext" href="http://blog.hackblogger.googlepages.com/addSmiley.js" title="Linkification: http://blog.hackblogger.googlepages.com/addSmiley.js">http://blog.hackblogger.googlepages.com/addSmiley.js</a>' type='text/javascript'/></div></div><br /><br />E pronto é só isso...<br /><br /><ul><li>O script reconhece os seguintes caracteres:</li></ul><br /><br /><span style="font-weight: bold;">:)</span> ou <span style="font-weight: bold;">:-)</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-smile.png" /><br /><span style="font-weight: bold;">:( </span>ou <span style="font-weight: bold;">:-(</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-sad.png" /><br /><span style="font-weight: bold;">:P</span> ou <span style="font-weight: bold;">:-P</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-tongue.png" /><br /><span style="font-weight: bold;">:D</span> ou <span style="font-weight: bold;">:-D</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-lol.png" /><br /><span style="font-weight: bold;">:$</span> ou <span style="font-weight: bold;">:-$</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-oops.png" /><br /><span style="font-weight: bold;">;)</span> ou <span style="font-weight: bold;">;-)</span> - <img src="http://blog.hackblogger.googlepages.com/ksk-blink.png" /><br /><br /><ul><li>Os emoticons podem ser usados nos posts e nos comentários</li></ul>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com6tag:blogger.com,1999:blog-8274343779211842647.post-30523889343880742192008-03-10T21:42:00.007-03:002008-03-10T22:23:03.223-03:00My Cool Buttons<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpGTv6F-zeppTSqvPfCs7UP6BMBP9lfwmYMtGRyYWjNoZEysmINxsAzZr9yql9gF2vlKpIxC0lImLNV8oEKGA6HAlwkfDSGWLPNKFOcOTBE-YT-HES0g6WmeBjmc1O5ndJ8IMTktqQTE5/s1600-h/coolbutton.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpGTv6F-zeppTSqvPfCs7UP6BMBP9lfwmYMtGRyYWjNoZEysmINxsAzZr9yql9gF2vlKpIxC0lImLNV8oEKGA6HAlwkfDSGWLPNKFOcOTBE-YT-HES0g6WmeBjmc1O5ndJ8IMTktqQTE5/s320/coolbutton.png" alt="" id="BLOGGER_PHOTO_ID_5176278363497090114" border="0" /></a><br /><br /><span class="dropcaps">N</span>o site <a href="http://www.mycoolbutton.com/">My Cool Button</a> você pode gerar, de maneira fácil e rápida botões no estilo web 2.0, confira...FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com2tag:blogger.com,1999:blog-8274343779211842647.post-55939612354970650932008-03-10T21:11:00.004-03:002008-03-10T21:22:59.890-03:00A Cheats’ Guide to Customizing Blogger Templates<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivYFywx5u5MkMnaCT0PintrP_1lhjoM0tQHKhbumICMK7dRCKQwuUryNvcvdERGWPX8kToyMMuacoeHhQtlup7vWfYenq4n5q13QimuAq9ssGOHr8sWNez-rs8MZ68700Y9Q_2gbz55ALy/s1600-h/cheats_guide_release.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivYFywx5u5MkMnaCT0PintrP_1lhjoM0tQHKhbumICMK7dRCKQwuUryNvcvdERGWPX8kToyMMuacoeHhQtlup7vWfYenq4n5q13QimuAq9ssGOHr8sWNez-rs8MZ68700Y9Q_2gbz55ALy/s320/cheats_guide_release.jpg" alt="" id="BLOGGER_PHOTO_ID_5176272578176142386" border="0" /></a><br /><br /><span class="dropcaps">U</span>m ótimo ebook escrito por Amanda do Blogger Buster, descrevendo como personalizar seu blogger. São 53 páginas de conteúdo (em inglês).<br /><br /><br /><br /><br /><a href="http://bloggerbuster.com/ebooks/CGCBT.pdf"><img id="BLOGGER_PHOTO_ID_5162078242002406786" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJY7nwxSP0YnQ3ZMCrCxRR9_raVjvSuXxhJsjxDCXM5lXUQrqQI2Hmyc9bkGwUrjuCmwWydTYUvEixWH_-aOUBhS8sLxP5LtO5D-_hVCMARXsEhff8W_iu6xc_TIOh0Anr7B25_UB9oGKy/s320/download.jpg" border="0" /></a>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-59019445935657063042008-02-11T11:43:00.000-02:002008-02-11T12:05:37.418-02:00Código HTML no Blogger<span class="dropcaps">E</span>ssa é uma dica simples, mas que muita gente não conhece, eu mesmo bati muito a cabeça até descobrir como publicar os códigos, porque blogger reconhece os sinais < (menor) e > (maior), como o início de um código e não publica os caracteres. Para resolver o problema basta substituir o <strong><</strong> por <strong><span style="color:#ff0000;">&lt;</span></strong> e <strong>></strong> por <strong><span style="color:#ff0000;">&gt;</span></strong>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-71365495078532530382008-02-06T14:39:00.000-02:002008-02-11T11:38:35.423-02:00Lightbox 2<span class="dropcaps">O</span> hack Lightbox 2, é uma maneira interessante de visualizar imagens, sem sair do seu blog ou carregar uma nova página e além disso de forma visualmente agradável, com efeitos em javascript, que lembram muito as animações em flash. Para visualizar o efeito clique na imagem abaixo.<br /><br /><div align="center"><a title="Aqui vai a descrição" href="http://blog.hackblogger.googlepages.com/image-1.jpg" rel="lightbox"><img style="BORDER-RIGHT: rgb(187,187,187) 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: rgb(187,187,187) 1px solid; MARGIN-TOP: 0pt; PADDING-LEFT: 4px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(187,187,187) 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(187,187,187) 1px solid" src="http://blog.hackblogger.googlepages.com/thumb-1.jpg" /></a></div><br /><br />Para implementar o Lightbox 2, vamos por a mão na massa, ou no código.<br /><br />1 - Vá em "Modelo", "Editar HTML" e marque a caixa "Expandir modelo de widgets". Agora vamos localizar o seguinte bloco:<br /><br /><br /><div class="codigoimg"><div class="codigo">]]></b:skin></div></div><br />2 - Logo abaixo copie e cole o seguinte código:<br /><br /><br /><div class="codigoimg"><div class="codigo"><script src='<a class="linkification-ext" title="Linkification: http://blog.hackblogger.googlepages.com/prototype.js" href="http://blog.hackblogger.googlepages.com/prototype.js">http://blog.hackblogger.googlepages.com/prototype.js</a>' type='text/javascript'></script><br /><script src='<a class="linkification-ext" title="Linkification: http://blog.hackblogger.googlepages.com/effects.js" href="http://blog.hackblogger.googlepages.com/effects.js">http://blog.hackblogger.googlepages.com/effects.js</a>' type='text/javascript'></script><br /><script src='<a class="linkification-ext" title="Linkification: http://blog.hackblogger.googlepages.com/scriptaculous.js" href="http://blog.hackblogger.googlepages.com/scriptaculous.js">http://blog.hackblogger.googlepages.com/scriptaculous.js</a>' type='text/javascript'></script><br /><script src='<a class="linkification-ext" title="Linkification: http://blog.hackblogger.googlepages.com/lightbox.js" href="http://blog.hackblogger.googlepages.com/lightbox.js">http://blog.hackblogger.googlepages.com/lightbox.js</a>' type='text/javascript'></script><br /><br /><link rel="stylesheet" href="<a class="linkification-ext" title="Linkification: http://blog.hackblogger.googlepages.com/lightbox.css" href="http://blog.hackblogger.googlepages.com/lightbox.css">http://blog.hackblogger.googlepages.com/lightbox.css</a>" type="text/css" media="screen" /></div></div><br />3 - Agora toda vez que você quiser que uma imagem seja aberta pelo lightbox, basta colocar o seguinte código:<br /><br /><br /><div class="codigoimg"><div class="codigo"><a title="Aqui vai a descrição que aparace no Lightbox" href="endereço da imagem que vai ser carregada" rel="lightbox"><img src="endereço do thumb"/></a></div></div><br />Colocando a descrição e os endereços da thumb e da imagem.<br /><br />4 - Você também pode abrir varias imagens, como se fosse um slideshow, basta colocar o seguinte código:<br /><br /><br /><div class="codigoimg"><div class="codigo"><a title="Aqui vai a descrição que aparace no Lightbox-1" href="endereço da imagem que vai ser carregada-1" rel="lightbox[roadtrip]"><img src="endereço do thumb-1"/></a><br /><a title="Aqui vai a descrição que aparace no Lightbox-2" href="endereço da imagem que vai ser carregada-2" rel="lightbox[roadtrip]"><img src="endereço do thumb-2"/></a><br /><a title="Aqui vai a descrição que aparace no Lightbox-3" href="endereço da imagem que vai ser carregada-3" rel="lightbox[roadtrip]"><img src="endereço do thumb-3"/></a><br /></div></div><br />Veja abaixo o efeito:<br /><br /><div align="center"><a title="Imagem-1" href="http://blog.hackblogger.googlepages.com/image-1.jpg" rel="lightbox[roadtrip]"><img style="BORDER-RIGHT: rgb(187,187,187) 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: rgb(187,187,187) 1px solid; MARGIN-TOP: 0pt; PADDING-LEFT: 4px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(187,187,187) 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(187,187,187) 1px solid" src="http://blog.hackblogger.googlepages.com/thumb-1.jpg" /></a><a title="Imagem-2" href="http://blog.hackblogger.googlepages.com/image-2.jpg" rel="lightbox[roadtrip]"><img style="BORDER-RIGHT: rgb(187,187,187) 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: rgb(187,187,187) 1px solid; MARGIN-TOP: 0pt; PADDING-LEFT: 4px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(187,187,187) 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(187,187,187) 1px solid" src="http://blog.hackblogger.googlepages.com/thumb-2.jpg" /></a><a title="Imagem-3" href="http://blog.hackblogger.googlepages.com/image-3.jpg" rel="lightbox[roadtrip]"><img style="BORDER-RIGHT: rgb(187,187,187) 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: rgb(187,187,187) 1px solid; MARGIN-TOP: 0pt; PADDING-LEFT: 4px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 4px; BORDER-LEFT: rgb(187,187,187) 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: rgb(187,187,187) 1px solid" src="http://blog.hackblogger.googlepages.com/thumb-3.jpg" /></a></div><br /><br />O original deste hack pode ser encontrado, <a href="http://www.huddletogether.com/projects/lightbox2/">clicando aqui</a>.FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com5tag:blogger.com,1999:blog-8274343779211842647.post-75692279715564314842008-02-01T16:10:00.000-02:002008-02-01T16:23:02.464-02:00Botões Web 2.0<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64MN254g3zGyoxzK82h5t0iT1h6PMYIcgyoh3gEVu6xBg5VMhP1Uk4GWd1vA3e3ru0-G04CMvdqrnQuloeGljOT4neTtqmgyRP1udyjLmzxFiM8OOW8hOX4TgAJbJL1csSss__eTYssTE/s1600-h/20-botones-psd.jpg"><img id="BLOGGER_PHOTO_ID_5162076747353787762" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64MN254g3zGyoxzK82h5t0iT1h6PMYIcgyoh3gEVu6xBg5VMhP1Uk4GWd1vA3e3ru0-G04CMvdqrnQuloeGljOT4neTtqmgyRP1udyjLmzxFiM8OOW8hOX4TgAJbJL1csSss__eTYssTE/s320/20-botones-psd.jpg" border="0" /></a><br /><div><br /><span class="dropcaps">P</span>ack com 23 botões estilo web 2.0, no formato PSD para você personalizar seu blog. </div><br /><br /><br /><br /><a href="http://w13.easy-share.com/1698835421.html"><img id="BLOGGER_PHOTO_ID_5162078242002406786" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJY7nwxSP0YnQ3ZMCrCxRR9_raVjvSuXxhJsjxDCXM5lXUQrqQI2Hmyc9bkGwUrjuCmwWydTYUvEixWH_-aOUBhS8sLxP5LtO5D-_hVCMARXsEhff8W_iu6xc_TIOh0Anr7B25_UB9oGKy/s320/download.jpg" border="0" /></a>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-14010749340973323542008-02-01T15:12:00.000-02:002008-02-04T21:12:08.571-02:00Personalize os links Postagens mais recentes, Postagens mais antigas e Início<span class="dropcaps">P</span>odemos mudar os links que ficam no rodapé do blogger, para as Postagens mais recentes, Postagens mais antigas e Início. Para fazer isso, vá em "Modelo", "Editar HTML" e marque a caixa "Expandir modelo de widgets". Agora vamos localizar o seguinte bloco:<br /><br /><br /><div class="codigoimg"><br /><div class="codigo"><DIV class='blog-pager' id='blog-pager'><br /><b:if cond='data:newerPageUrl'><br /><SPAN id='blog-pager-newer-link'><br /><A class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></A><br /></SPAN><br /></b:if><br /><b:if cond='data:olderPageUrl'><br /><SPAN id='blog-pager-older-link'><br /><A class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></A><br /></SPAN><br /></b:if><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><A class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></A><br /><b:else/><br /><b:if cond='data:newerPageUrl'><br /><A class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></A><br /></b:if><br /></b:if><br /></DIV><br /></div></div><br />Agora vamos as explicações:<br /><ul><li><strong><data:newerPageTitle/></strong> - Corresponde ao link “Postagens mais recentes”</li><li><strong><data:olderPageTitle/></strong> - Corresponde ao link “Postagens mais antigas ”</li><li><strong><data:homeMsg/></strong> - Corresponde ao link “Início”</li></ul><br /><br />Se você quiser mudar o texto, basta substituir o código pelo texto que você quiser, por exemplo substitua o código <strong><data:newerPageTitle/></strong> por Posts Novos .<br /><br />Se você quiser colocar uma imagem em vez dos textos basta substituir o código pelo código da imagem <img src="url"/><br /><br />Se você quiser personalizar os links, mudar a cor, tamanho, estilo do link etc você pode personalizar as classes:<br /><ul><li>#blog-pager-newer-link - Para “Postagens mais recentes”</li><li>#blog-pager-older-link - Para “Postagens mais antigas ”</li><li>#home-link - Para “Início”</li></ul>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com4tag:blogger.com,1999:blog-8274343779211842647.post-20105971687884572722008-01-31T21:13:00.000-02:002008-01-31T21:29:48.868-02:00Comemore o Aniversário de seu Blog<span class="dropcaps">N</span>avegando pela web, encontrei um interessante widget: O Blogoversary. Ele conta quanto tempo falta para o seu blog fazer aniversário. Achei a idéia interessante e coloquei aqui no Hack-Blogger. Mas como meu e apenas um bebê (5 dias) ainda falta bastante...<br /><br />Meu widget:<br /><a href="http://www.blogoversary.com/"><img src="http://www.blogoversary.com/button.php?born_date=2008-01-27" alt="Get your own free Blogoversary button!" border="0" /></a><br /><br />Para fazer o seu vá até o site <a href="http://www.blogoversary.com/">Blogoversary</a> e preencha o formulário que é bem simples:<br />Born Date: data de nascimeto no formato mm-dd-aaaa<br />Blog Name: o nome do seu blog (dado opcional)<br />Blog URL: o endereço do seu blog (dado opcional)<br />Depois Clique "Generate Code Bellow" para gerar o seu código.<br /><br />Se quiser coloca-lo na sidebar basta ir em "Modelo", "Elementos de Página", e na sua sidebar clique "Adicionar um elemento de página", dê um nome ao novo elemento e copie e cole código geradoFiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-41324071724275250562008-01-31T20:30:00.000-02:002008-02-01T16:10:44.804-02:00Caixa de Procura estilo Web 2.0<span class="dropcaps">P</span>ara adicionar uma caixa de procura no estilo da web 2.0, basta entrar no seu blog, ir em "Modelo", "Elementos de Página", e na sua sidebar clique "Adicionar um elemento de página", dê um nome ao novo elemento e copie e cole cógigo abaixo:<br /><br /><br /><div class="codigoimg"><br /><div class="codigo"><form id="searchthis" action="/search" style="display:inline;" method="get"><br /><table border="0" width="250" cellspacing="5"><br /><tr><br /><td valign="middle"><input id="search-box" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; border: 1px solid #000000; width: 200px;" name="q" type="text"/></td><br /><td valign="middle"><input id="search-btn" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; border: 1px solid #000000; font-weight: bold; padding: 4px;" value="OK" type="submit"/><br /></td><br /></tr><br /></table><br /></form><br /></div></div>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-9001466634167372012008-01-30T17:45:00.000-02:002008-01-31T18:12:46.598-02:00Conserte o bug dos comentários<span class="dropcaps">N</span>os comentários o blogger não entende direito quando, ninguém ou apenas uma pessoa comentou. Então vemos escrito "0 comentários" ou "1 comentários" com esse hack vamos consertar esse bug.<br /><br/><br /><br/><br />1 - Entre no seu blog, clique em "Modelo" e depois em "Editar html". Marque caixa Expandir modelo de widgets". Procure por:<br /><br/><br /><div class="codigoimg"><br /><div class="codigo"><b:if cond='data:blog.pageType != "item"'><br /><b:if cond='data:post.allowComments'><br /><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br /><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><br /><b:else/><br /><data:post.numComments/><data:top.commentLabelPlural/></b:if></a><br /></b:if><br /></b:if><br /></div><br /></div><br />2 - Substitua pelo código abaixo:<br /><br/><br /><div class="codigoimg"><br /><div class="codigo"><b:if cond='data:blog.pageType != "item"'><br /> <b:if cond='data:post.allowComments'><br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br /> <b:if cond='data:post.numComments == 1'>1 Comentou<br /> <b:else/><br /> <b:if cond='data:post.numComments == 0'>Ninguém Comentou<br /> <b:else/><br /> <data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br /> </b:if><br /> </b:if><br /></div><br /></div><br />3 - Você pode substituir os textos "1 Comentou" e "Ninguém Comentou" por qualquer texto que você quiser.<br /><br/><br />4 - Lembrando que para o texto no plural voce pode muda-lo clicando em "Modelo", "Elementos de Página" e no bloco "Postagens no blog" clicar em editar e mudar o texto.FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-26206642004988997642008-01-29T17:03:00.000-02:002008-01-31T17:19:49.912-02:00Ocultar Navbar<span class="dropcaps">A</span> Navbar é aquela barrinha do blogger que fica no topo de cada blog, ela é até útil, mas acaba com design de qualquer blog. Para oculta-la bastar seguir os passos:<br /><br/><br /><br/><br />1 - Procure pelo código abaixo:<br /><br/><br /><div class="codigoimg"><div class="codigo">]]></b:skin]><br /></div><br /></div><br />2 - Logo acima copie cole o código abaixo:<br /><br/><br /><div class="codigoimg"><div class="codigo">#navbar-iframe {<br />height: 0px;<br />visibility: hidden;<br />display: none;<br />}<br /></div><br /></div>FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0tag:blogger.com,1999:blog-8274343779211842647.post-36883269218387775812008-01-28T01:21:00.000-02:002008-01-31T16:53:24.384-02:00Drop Caps<span class="dropcaps">O</span> Drop Caps é um efeito muito utilizado em jornais, mas se você não sabe o que é, ele simplesmente consiste em aumentar a primeira letra do texto, como você pode conferir aqui no Hack Blogger, em cada post a primeira letra e bem maior do que o resto do texto.<br /><br />É um efeito bem simples, mas que dá um belo visual à qualquer blog, e não é dificil de fazer, então, mão na massa, ou no código.<br /><br />1 - Primeiro localize o seguinte código:<br /><br /><div class="codigoimg"><br /><div class="codigo">]]></b:skin><br /></div></div><br /><br />2 - Logo acima copie e cole o código abaixo:<br /><br /><div class="codigoimg"><br /><div class="codigo">/* ---( drop caps )--- */<br /><br />.dropcaps { float:left; color: #000000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }<br /></div></div><br /><br />3 - Pronto no início de cada postagem em "Editar Html" basta colocar o código abaixo:<br /><br /><div class="codigoimg"><br /><div class="codigo"><span class="dropcaps">X1</span>X2<br /></div></div><br /><br />onde X1 é a primeira letra do texto e X2 a continução, lembramdo que X2 pode ter um espaço antes, caso o post comece com um artigo.<br /><br />4 - Você pode configurar o blogger para que cada post novo já insira o código do Drop Caps, basta ir configurações > Formatação, e lá embaixo em Modelo de Postagem, colar o código do passo 3. Assim cada vez que você criar uma nova postagem, ao clicar em Editar Html o código do Drop Caps vais estar lá bastando editar e continuar a escrever o post.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8274343779211842647.post-59905784978608045342008-01-27T23:30:00.000-02:002008-01-31T17:35:30.363-02:00Sidebar Expansível<span class="dropcaps">N</span>o Blogger temos 3 maneiras de mostrar os post arquivados: Hierarquia, que mostra os arquivos do ultimo mês (ou dias dependendo da sua configuração), expandido e o resto escondido, Lista simples, que mostra somente os anos e menu, que é uma combobox com os anos. Eu prefiro usar o modo hierarquia para que o visitante possa visualizar os arquivos postados recentemente. O Problema e as vezes a lista fica muito grande, criando uma certa poluição visual.<br /><br />Procurei na internet e não achei nada que eu pudesse usar, então criei este hack, que pode ser usado em qualquer elemento de página da sidebar.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixDD-MDfoD9OBo-nawPty9Okgj44ofM74zxeehuKXZoY_HSIULvRjCsBT-gC7sM7klGGAWzy3xluBd3Oe_PNB0MfDaMtEBc2-r9VJalBZmHHrBz9E2N19imolsBRzRo1umPxkGV1tke5E/s1600-h/sidebar.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixDD-MDfoD9OBo-nawPty9Okgj44ofM74zxeehuKXZoY_HSIULvRjCsBT-gC7sM7klGGAWzy3xluBd3Oe_PNB0MfDaMtEBc2-r9VJalBZmHHrBz9E2N19imolsBRzRo1umPxkGV1tke5E/s320/sidebar.gif" alt="" id="BLOGGER_PHOTO_ID_5159479275687218466" border="0" /></a><span style="font-size:78%;">Escolha dos tipos</span></div><br /><br />P.S. o código javascript eu peguei na internet e não sei quem escreveu, se autor aparecer por aqui eu coloco os créditos.<br /><br />Então, mão na massa, ou no código.<br /><br />1 - Entre no seu blog, clique em "Modelo" e depois em "Editar html". Marque caixa Expandir modelo de widgets". Procure por:<br /><br /><div class="codigoimg"><br /><div class="codigo">]]></b:skin><br /></div></div><br />2 - Logo abaixo copie e cole o código:<br /><br /><div class="codigoimg"><br /><div class="codigo"><script language="javascript"><br />function showdiv(ativar,id1,id2)<br />{ var A=document.getElementById(id1);<br />var B=document.getElementById(id2);<br />if(ativar=='sim')<br />{<br />B.style.display = 'block';<br />A.style.display= 'none';<br />}<br />else<br />{<br />A.style.display = 'block';<br />B.style.display= 'none';<br />}<br />}</script><br /></div></div><br />3 - E logo acima copie e cole o código:<br /><br /><div class="codigoimg"><br /><div class="codigo">.mais {<br />background-image: url(http://i201.photobucket.com/albums/aa309/control_add.png);<br />padding-left: 20px;<br />background-repeat: no-repeat;<br />background-position: left center;<br />}<br />.menos {<br />background-image: url(http://i201.photobucket.com/albums/aa309/control_remove.png);<br />padding-left: 20px;<br />background-repeat: no-repeat;<br />background-position: left center;<br />}<br /></div></div><br />Agora vamos a parte que dá um pouco mais de trabalho, porque temos que enteder um pouco da estrurura do blogger, nos elementos de página como os aquivos e as tags é próprio blogger que gera, então temos que buscar o bloco correspondente ao elemento.<br /><br />4 - Para as tags vamos procurar o seguinte bloco:<br /><br /><div class="codigoimg"><br /><div class="codigo"><div class='widget-content'><br /><ul><br /><b:loop values='data:labels' var='label'><br /><li><br /><b:if cond='data:blog.url == data:label.url'><br /><span expr:dir='data:blog.languageDirection'><br /><data:label.name><br /></span><br /><b:else/><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><br /><data:label.name/><br /></a><br /></b:if><br /><span dir='ltr'>(<data:label.count/>)</span><br /></li><br /></b:loop><br /></ul><br /><b:include name='quickedit'/><br /></div><br /></div></div><br />Isole o código, de alguns enter antes e depois para que não aconteça nehum erro.<br /><br />5 - Antes desse bloco, copie e cole o código abaixo:<br /><br /><div class="codigoimg"><br /><div class="codigo"><div id='ocultarcat'><br /><div class='mais'><br /><a href='#' onClick='showdiv("sim","ocultarcat","mostrarcat"); return false'><strong> Mostrar</strong></a><br /></div><br /></div><br /><div id='mostrarcat' style='display:none'><br /><div align='left'><br /><div class='menos'><br /><a href='#' onClick='showdiv("nao","ocultarcat","mostrarcat"); return false'><strong>Ocultar</strong><br /></a><br /></div></div></div><br /><br />Obs.: para cada bloco deve-se mudar os nomes da divs, por exemplo aqui como modifiquei as categorias, atribuí os nomes de mostrarcat e ocultarcat, para o bloco de arquivos, mudei onde aparece mostrarcat para mostrararq e ocultarcat para ocultararq.<br /><br />6 - E depois dele copie e cole o código abaixo:<br /><br /><div class="codigoimg"><br /><div class="codigo"></div><br /></div></div></div><br />Pronto está feito mande salvar e confira.<br /><br />7 - Para os arquivos vamos procurar o seguinte bloco:<br /><br /><div class="codigoimg"><br /><div class="codigo"><div class='widget-content'><br /><div id='ArchiveList'><br /><div expr:id='data:widget.instanceId + "_ArchiveList"'><br /><b:if cond='data:style == "HIERARCHY"'><br /><b:include data='data' name='interval'/><br /></b:if><br /><b:if cond='data:style == "FLAT"'><br /><b:include data='data' name='flat'/><br /></b:if><br /><b:if cond='data:style == "MENU"'><br /><b:include data='data' name='menu'/><br /></b:if><br /></div><br /></div><br /><b:include name='quickedit'/><br /></div></div></div><br />8 - Depois repita os procedimentos 5 e 6.<br /><br />9 - Para os elementos de página HTML/Javascript, basta fazer o procedimento 5 antes do conteúdo e 6 depois do conteúdo.<br /><br />Bom é isso, espero ter ajudadoUnknownnoreply@blogger.com3tag:blogger.com,1999:blog-8274343779211842647.post-34699236905348508352008-01-26T22:38:00.001-02:002008-03-10T22:41:11.783-03:00Bem Vindo<span class="dropcaps">B</span>em vindo ao Hack-Blogger :)FiascoNegrohttp://www.blogger.com/profile/12724027963086751660noreply@blogger.com0