Postagens Recentes

27 de out. de 2008

Colocando duas colunas abaixo das postagens do blog

14 comentários:
Dica para colocar colunas no novo Blogger aqui
Vou ensinar como colocar duas colunas abaixo das postagens do blog. Assim você poderá fazer o efeito revista em seu blog. É fácil, tenha paciência e perseverança que você consegue. Primeiro vamos fazer a oração para Nossa Senhora dos Blogueiros Aflitos...
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Vá até o HTML do seu blog e procure pelo código :
/* Outer-Wrapper----------------------------------------------- */
E abaixo dele cole o seguinte código:
*Onde está em vermelho é para que você ajuste a largura do widget
#leftsidebar_1 {
width: 280px;
float: $startSide;
margin:0px;
padding:0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
#leftsidebar_2 {
width: 280px;
float: $startSide;
margin-$startSide:18px;
padding:0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
Se essa de cima não der certo, tente essa abaixo.
#leftsidebar_1 {
width: 280px;
float: right;
margin:0px;
padding:0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
#leftsidebar_2 {
width: 280px;
float: left;
margin:10px;
padding:0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
Agora procure pelo seguinte código:
</div> <!-- end content-wrapper -->
Agora cole o próximo código abaixo dele.
<div id='leftsidebar_1'>
<b:section class='sidebar' id='sidebar22' preferred='yes'>
<b:widget id='HTML33' locked='false' title='Teste' type='HTML'/>
</b:section>
</div> <!-- end leftsidebar_1 -->
<div id='leftsidebar_2'>
<b:section class='sidebar' id='sidebar44' preferred='yes'>
<b:widget id='HTML22' locked='false' title='Quatro' type='HTML'/>
</b:section>
</div> <!-- end leftsidebar_2 -->
Salve e boa sorte !<\> Veja a dica aqui

Difícil escolha...

5 comentários:
Nessas horas se vê a difícil tarefa da mulher.
*Atenção, esses vídeos contém imagens fortes, não os assista caso seja sensível.
Parto cesárea
Parto anormal
* Para assistir a esse vídeo é necesário ter cadastro no You Tube e ter mais de 18 anos.

23 de out. de 2008

Seguidores do Blogger

10 comentários:
Está funcionando agora no Blogger depois de muito tempo anunciado o widgets de seguidores do Blogger. Com ele seus visitantes poderão assinar seu blog e de quebra criar um link para seu próprio blog. Vamos, o que está esperando ?
Vá até o Layout, Elementos de página, Adicionar um Gadgets e depois clique na cruz em azul. Pronto, basta agora se quiser arrastar e colocar onde quiser.
Para personalizar o widget de seguidores como fiz no meu, clique AQUI e aprenda.

20 de out. de 2008

Até mais

13 comentários:
Já estou de partida para minha cidade natal para dar a luz ao meu terceiro e último filho. Não sei se retornarei antes de um mês. Um até breve para quem fica e não estarei respondendo a nenhum comentário por esses dias (eu acho).
Um abraço a todos.
Imagens: Anne Guedes

Bullets, setinhas...

5 comentários:
Encontrei mais um site com setinhas para usar em nossos blogs.
Não copie, salve as imagens em seu pc e depois hospede-as em um site de sua preferência.

17 de out. de 2008

Caixa com aviso flutuante

16 comentários:
Fui agora ao blog de Gem@ e de lá trouxe mais essa novidade.
Se trata de uma caixa flutuante para que você deixe recadinhos para seus visitantes. Veja AQUI o exemplo.
Para coloca-la em seu blog é bem simples.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Vá até o HTML do seu blog e procure pelo código:
]]></b:skin>
Acima dele, cole o código abaixo
#topbar{
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: white;
width: 640px;
visibility: hidden;
z-index: 640;
Agora clique em "Expandir modelos de widgets" e procure pelo seguinte código:
<div id='outer-wrapper'><div id='wrap2'>
Agora abaixo dele coloque o seguinte código:
* Troque os códigos em verde pelo que se pede.
<div id='topbar'>
<a href='' onClick='closebar(); return false'><img border='0' src='ENDEREÇO DA IMAGEM PARA FECHAR O QUADRO '/></a>
ESCREVA AQUI O QUE QUISER
</div>
Agora copie o código que esta AQUI, vá até "Elementos de página", clique em "Adicionar um gadget" e depois clique em HTML/Javascript e cole o código.

16 de out. de 2008

Widget com todas as postagens

4 comentários:
Dica quente do blog El Scaparate de Rosa. Um Widget com todas as postagens que já foram publicadas no blog. Experimentei e gostei !

12 de out. de 2008

Dia das crianças

6 comentários:
Hoje é dia das crianças.
Dia de alegria !
Aproveitem o dia também marmanjos de plantão ! Abaixo alguns vídeos para relembrar a nossa infância.

11 de out. de 2008

100 anos de Cartola

5 comentários:
Hoje faria 100 anos Angenor de Oliveira, mais conhecido como Cartola. Compositor e fundador da Estação Primeira de Mangueira teve uma infância difícil. Estudou somente até o primário. Trabalhou como pedreiro, (onde ganhou seu apelido ao usar um pequeno chapéu coco para não sujar os cabelos com cimento) lavador de carros, vigia de prédio.
Apesar de sua genialidade, o sambista só conseguiu gravar seu primeiro disco aos 65 anos. Apesar do grande sucesso de seus sambas, Cartola morre pobre, morando numa casa doada pela prefeitura do Rio de Janeiro. Leia mais...
Centro Cultural Cartola

10 de out. de 2008

Comentários do autor do blog em destaque

8 comentários:
Outra dica do blog El Scaparate de Rosa. Com esta dica você poderá deixar os seus comentários em destaque em seu próprio blog.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
A primeira coisa a fazer é ir até o HTML do seu blog.
Clique então em "Expandir modelos de widgets"
Agora procure pelo trecho:
*Note que a parte que está em preto é o que deverá já existir em seu blog. Copie as partes que estão em vermelho e insira no código.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Agora salve.
Procure então o código:
/* Comments
*Se não der certo, tente só:
/* Comments
E cole o próximo código abaixo dele.
Para fazer as modificações troque os trechos em destaque na cor verde até que fique do seu agrado. Se quer uma imagem, substitua o último trecho
background :#C3FDB8;
Por
background: url("AQUI O ENDEREÇO DA SUA IMAGEM") repeat;
.blog-author-comment {
margin:.25em 0 0;
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border: 1px dotted #254117;
background:#C3FDB8;

9 de out. de 2008

Menu accordion

17 comentários:
Encontrei este menu no blog Link Duzão. Fiz algumas alterações pois havia alguns intens sobrando (eu acho, rsrrsrs).

8 de out. de 2008

Mais mudanças...

13 comentários:
Pois é, para tirar o ranço da última postagem resolvi modificar o layout do blog. Mas também deverei ficar um tempinho sem postar pois como algumas pessoas sabem, estou na etapa final da gravidez e a qualquer momento devo desaparecer do blog, mas calma, não se anime, eu vou mas volto...
O u acharam que ficariam sem as postagens mal criadas desta blogueira ?
Portanto, a qualquer momento pararei de postar.

Número de comentários no título do blog

5 comentários:
Também no blog de Gem@ encontrei esta outra dica. Colocar o número de comentários junto ao tÍtulo do blog.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Bom, para começar vá até o HTML do seu blog e procure pelo código: ]]></b:skin>
Agora cole antes dele o código abaixo.
.numComments {
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat top right;
float:right;
text-align: center;
padding: 10px 0 0 0;
font-size: 150%;
width: 50px;
height:50px;
color: #fff;
.numComments a:link{
color: #CODIGO HEXADECIMAL;
.numComments a:visited{
color: #CODIGO HEXADECIMAL;
.numComments a:hover{
color: #CODIGO HEXADECIMAL;
Agora salve.
Clique então em "Expandir widgets" e procure pelo código:
<b:if cond='data:post.title'>
E abaixo dele cole o próximo código.
<span class='numComments'><a expr:href='data:post.url'><data:post.numComments/></a></span>

4 de out. de 2008

Desabafando pela milésima vez !

39 comentários:
Fofinhos e fofinhas, ilustres frequentadores deste humilde espacinho virtual, venho através desta, MAIS UMA VEZ, lhes informar, a quem possa interessar que eu, Elke di Barros
NÂO DOU CONSULTORIANÃO CONSERTO BLOGSNÃO DOU AQUELA AJUDINHA NÃO DOU UMA MÃOZINHANÃO VOU A SEU BLOG CONFERIR CÓDIGONÃO INSTALO NADANÃO AJUDOÉ claro que se PAGAR bem, que mal tem ?!
Sou má, ruim mesmo, uma praga, uma mulher péssima, antipática, anti-social...
Mas fico admiradíssima que essas pessoas que vem aqui pedir ajuda. Não tem ao menos a consideração de colocar um link deste blog aqui no que possui.
INCRÍVEL ! Nem um simples link, um banner, um botão...
Já vi até gente que linka tudo quanto é blog de ajuda que tem por aí, menos este blog aqui.
Isso não poooooooode !
Mas ficar com a ladainha de pedir ajuda...
Isso poooooode !
Por favor, não insistam e nem se ofendam por este desabafo, mas o fato é que já coloco aqui várias dicas, tudo com foto, tudo explicadinho passo a passo, com link de onde peguei, se você não consegue, fazer o quê ?
Eu NÃO tenho tempo e nem saco para isso, por favor, me entendam e me desculpem, mas não rola mesmo.

3 de out. de 2008

Gerador de iframe

4 comentários:
Encontrei esse gerador de iframe. Serve para que você coloque uma página de um outro blog ou site dentro de seu blog.

Nuvem de tags em flash

13 comentários:
Mais uma dica da Amanda do excelente Blog Buster. Trata-se de colocar em seu blog a nuvem de tags, ou etiquetas em seu blog em flash, como o modelo abaixo.
*Dê preferência a esse modelo se você tem poucas tags.
<p>&amp;amp;lt;br&amp;amp;gt;</p>
Vá até o HTML do seu blog e procure pelo código:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Abaixo dele cole o código abaixo dando preferência por hospedar o código que está em destaque pelo seu código. Para isso, clique sobre ele para fazer o download e depois hospede-o em um site como o Google Sites ou no Your Script trocando o endereço que está no código pelo seu.
<b:widget id='Label99' locked='false' title='Nuvem de Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
&lt;object type="application/x-shockwave-flash" data="http://sites.google.com/site/marcadoresflash/marcflash/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=
true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Este código em vermelho representa a cor de fundo, caso queira, é só mudar para a cor que quiser.
Código em azul largura
código em rosa comprimento
Page 1 of 403123...403Next »Last

Copyright © 2025 Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube