Mudanças do Blog

   
 
                                                    Hello gente!!!

                Faz um tempo que eu não estou postando, principalmente a segunda blogueira, bom as ferias estão se acabando, (as minhas aulas começam dia 23) bom ai eu decidir  fazer umas mudancinhas aqui no nosso blog, e devo literalmente todo os créditos a Go Imagine, vou falar quais mudanças , e ensinar:
                Bom , não tem aquela caixinha que pesquisamos coisas do blog, bom eu a personalizei ela, e ficou lindinho, irei mostrar como ela fica depois de personalizada:
                            
É fácil de se fazer, olhem só!!
Bem, é super simples, antes de começar a mexer com html, vá em Layout > Adicionar um gadget > Escolha o de HTML/JavaScript. Dentro desse gadget cole:

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="GO" />
</form>

Você pode trocar a palavra Go pela palavra que desejar, é ela que fica dentro do botão pra pesquisa.
               Mais não é só isso não, também tem as os marcadores de duas colunas, as categorias, essa aqui de baixo:
                                          

1º passo

Abra seu gadget de marcadores (se ainda não tem adicione) e deixe ele da seguinte forma:

2º passo

Abra seu HTML e procure (ctrl+f) por ]]></b:skin> e acima dele cole:

/* Marcadores personalizados - goimagines.blogspot.com */
#Label1 ul li{
float: left;
width: 45%;
font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 16px; /*tam. da fonte*/
background: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}

                    Bem gente agora vamos para a ultima mudança, a caixa de postagens antiga, recente e inicio, personalizadas. Fica desse jeito:
                               

Entre no seu html e procure pela tag  #blog-pager { (ela fica dentro da tag /* Posts) feito isso adicione o código abaixo acima dessa tag.

/* Navegação com efeito hover degradê - http://goimagines.blogspot.com.br */

#blog-pager {

clear:both;

text-align: center;

margin:0px auto;

padding:10px;

}

#blog-pager a:link, #blog-pager a:visited{

color: #ffffff; /* cor da fonte */ 

font-size: 16px; /* tamanho da fonte */ 

padding:5px;

background-color: #8BC2C9; /* cor do fundo */ 

-moz-border-radius:10px; /* bordas arredondas, apague se não quiser */ 

-khtml-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#blog-pager a:hover{

color: #ffffff; /* cor da fonte hover*/ 

padding:5px;

background: #BFCED5; /* fundo hover, apague o código abaixo até } se não quiser degradê */ 

background: -webkit-gradient(linear, left top, left bottom, from(#BFCED5), to(#8BC2C9));/* webkit browsers */

background: -moz-linear-gradient(top, #BFCED5, #8BC2C9);/* firefox3.6+ */

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BFCED5', EndColorStr=' #8BC2C9');/* IE */

}

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

  Viram?! Não tem segredo alem disso essas mudanças, fazem uma diferença, mais o que realmente ira mudar no nosso blog é o Template, só preciso saber para qual. Não esqueçam de creditar .
Gostaram do post.?! Espero que sim comentem e sigam.

Kiss Cecilia