Caixa de busca personalizada no cabeçalho

Até que enfim (ou seria "em fim"?) tem tutorial novo, né? Não é muito complicado não, vamos lá:

1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

<header>

Observação: Se não encontrar o código acima, procure por <div id='header-wrapper'> (o código é outro em diferentes modelos).

2. Cole ACIMA dele o código:

<div id='searchbox'> 
<form action='/search' id='searchthis' method='get'> 
<div class='content'> 
<input class='textfield' name='q' size='24' type='text' value=''/> 
<input class='button' type='submit' value=''/> 
</div> 
</form></div> 

3. Dê Ctrl+F de novo, e procure agora por:

]]></b:skin>

4. Cole ACIMA dele o seguinte código:

#searchbox {

border: 0 none;
-moz-background-inline-policy: continuous;
background: url("http://evelynregly.com/images/nada.gif") no-repeat scroll 0 0 transparent;
display: block;
float: right;
height: 56px;
margin-right: 5px;
margin-top: 100px;
padding-left: 57px; }

#searchbox .textfield {
border: 0 none;
-moz-background-inline-policy: continuous;
background: #fff;
border: 0 none;
float: left;
height: 25px;
margin: 0px 0 0 -23px;
width: 143px; }

#searchbox .button {
background: url("http://img710.imageshack.us/img710/3599/okbymeninanerd.png") no-repeat;
border: 0 none;
cursor: pointer;
float: left;
height: 28px;
margin-left: 7px;
margin-top: 0px;
width: 30px; }

Visualize. Se estiver desalinhado, altere os números que eu destaquei em vermelho até ficar no lugar que você deseja.

Detalhes:

Margin-top: define a margem superior. Quanto maior o número, mais "pra baixo" fica.
Margin-right: define a margem direita. Quanto maior o número, mais "pra esquerda" fica. (Se quiser ir mais "pra direita" é só colocar o número negativo. Ex: margin-top:-15px; )

Você também pode mudar a imagem do "Ok", é só editar uma imagem de tamanho 30x28, assim como a área do texto, de tamanho 143x28.

Personalizar os links da postagem - confira!

Hoje vocês vão aprender como deixar os links da área da postagem com esse fundo , como está aqui no blog, eu aconselho a usar esse estilo que a fonte dos tais links forem estilo arial , georgia ..etc ou outras que não sejam extravagantes.Vocês poderão tanto usar esse estilo ao passar o mouse no link ou deixar ele no estado normal mesmo , e também poderão aproveitar e retirar o sublinhado caso queiram.

Este tutorial foi realizado no template travel.

Primeiro aconselho que fiquem com uma tabela de cores já disponível assim agiliza o trabalho.Indico esta tabela , bom depois de estar com a tabela disponível , vá em design > editar html do seu blog.

Agora entenda essa explicação básica , foi deixar abaixo dessa explicação , o que você vai procurar para editar os links exemplo : título das postagens , link comentários , tags ..etc , daí em cada um deles terá as seguites linhas :

a:link {  EFEITO DO LINK EM ESTADO NORMAL

  text-decoration:none; 

  color: $(link.color);

}

a:visited {  EFEITO DEPOIS DE CLICADO

  text-decoration:none;

  color: $(link.visited.color);

}

a:hover { EFEITO QUANDO O MOUSE PASSA SOBRE ELE

background-color: #E0EEEE ; 

  text-decoration:underline;

  color: $(link.hover.color);

}

Daí em cada um você vai colocar o efeito que quer , no caso o fundo , para que o link fique com fundo sem o mouse passar nele , na primeira linha a:hover  caso não tenha você adiciona depois de  color: $(link.color); o seguinte:bakcground-color: e aqui o código da cor ;  se já tem não precisa , é só colocar a cor
para retirar o sublinhado dos links
onde estiver underline você coloca none
 pode colocar outros efeitos como :

overline

line-through

blinkonde ter color coloque o código dar cor do texto
estamos entendidos?
ok , então vamos a personalização , EII! calma aê , lembre de NÃO SALVAR NADA sem primeiro visualizar , pra não dar problemas depois, e cá entre nós é bem difícil de dar erro , a menos que você não coloque o código da cor certo , e o feche com ;
Pressione ctrl+f
Para editar o título das postagens :
procure por

h3.post-title a {

e de acordo com a explicação que dei , personalize.
Para editar os links das tags e comentários ( só se eles estiverem abaixo da postagem )
procure por

.post-footer {

Quando encontrar , ele estará mais ou menos assim , ou exatamente como a imagem abaixo:daí você apaga a parte selecionada na imagem acima e coloca o seguindo código abaixo:

 border-top:1px dotted #CCCCCC;
color:#8B7765;
font:Arial 11px georgia;
letter-spacing:1px;
margin:0.75em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color:#6C7B8B;
text-decoration:none;
background-color:#CAE1FF;
}
.post-footer a:hover{
color:#FFFFFF;
text-decoration:none;
}

Deve ficar assim :
neste código onde tem: border-top: você pode colocar uma borda na parte das reações , neste no caso está em branco , você muda para a cor que sua área da postagem estiver , e logo abaixo tem color: que no caso é a cor do texto das reações .
onde tem .post-footer a{ coloquem a cor do texto e a do background que quiserem , do mesmo jeito em .post-footer a:hover{  que irá aparecer quando o mouse passar no link essas cores ficarão tanto para o link comentários quando para as tags do seu blog , vá sempre visualizando ok ? não apague nada do código para que ele funcione corretamente.


Fonte; TRECHY TEEN

Dicas para blogueiras e blogueiros

Ser blogueiro não é fácil não meu bem , só quem é sabe.Quando se conquista um lugar na blogesfera , aprende a cuidar do seu cantinho e encontra seus leitores fiéis então...o amor por isso surge.Enfeita aqui , retira ali , e o blog com o tempo vai andando ao rumo do seu estilo , alguns mudam de título mais do que estilo e assim as poucos um blog vai se formando.A parte difícil de ser blogueira(o) é que muitas vezes você tem que aguentar o cinismo de certas pessoas,tomar providências mas ter o sangue frio de aturar gente assim até  que tudo seja solucionado ,saber que existem muitas crianças brincando de ser os outros , e pegando o que não lhes pertence ou seja não estão nem aí que isso pode te magoar , as criancinhas são ignorantes e do mal.

Foi pensando em tudo que pode surgir como fatos ruins , fatos legais , oportunidades..etc que decidi dar uma força e deixar umas dicas que para você conviver nesse mundo fantástico sem sair machucado(a) Confira!

Evolua - Não deixe que plágios,recados maldosos te façam perder a vontade de crescer pois é justamente essa a intenção de quem os faz.Bola pra frente , respira fundo e continua sem medo de ser feliz , se revolte e torne seu blog cada vez melhor.

Faça colegas - Faça amizade com blogs se enturme é difícil mas aos pouco você vai conseguindo ,pratique boa vizinhança e não bote lenha em discussões alheias , evite envolver seu blog em escândalos , principalmente os de cópia.

Pés no chão eim! - Tem blogueiro que só por ter 10 comentários , 800 seguidores acha que pode fazer pouco dos outros , e isso não é verdade , isso é apenas uma vitória , uma meta e sinal de que aquelas pessoas viram motivo para seguir/comentar , não perca sua humildade por conta de números.

Não se acabe - É muito legal tentar atender os pedidos dos seus leitores visitantes e tudo mais, só que você deve por limites também , tenha seu tempo e  não se preocupe com medo de magoar , claro falar com arrogância não se deve, o que der pra fazer faça, se eles te apoiam de verdade não deixarão de fazer isso só porque você não postou seu segredo de pele .O bom também é não prometer muito coisas que talvez não dêem para cumprir , eu tenho que seguir isso também. :) 

Agradar , mudar não! - Tentar agradar seus leitores adicionando assuntos extras , colocar algo diferente no layout é normal , agora quando você deixa de falar do que gosta para agradar não é correto.Quem se identificar com seu blog vai chegar la e ficar , quem não sai,(nem sempre) não queira forma assuntos que não gosta só pra ser aceita.

Esquece - Esqueça isso de se espelhar ( que é diferente de se inspirar ) em outros blogs para construir o seu , é a maior roubada , assim você nunca vai encontrar o verdadeiro estilo do seu .Use dicas , tutoriais e tudo mais para inovar , solte sua imaginação e dê início a sua raça , não pergunte como foi feito , descubra isso é MUITO mais legal e no final você terá muito orgulho de si.

FONTE: TRECHY TEEN