Barra de Rolagem Colorida

1- Passo:

Vá em Modelo>Editar HTML

2-Passo:

para facilitar a procura aperte CTRL+F e procure 

]]></b:skin> 

3- Passo:

Coloque acima:

::-webkit-scrollbar {width: 12px; height: 4px; background:#343434; }
::-webkit-scrollbar-thumb { background: #ff004d; }
*{
scrollbar-face-color:#ff004d;
scrollbar-highlight-color:#ff004d;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#ff004d;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

Como Aumentar a imagem do perfil do blog

1-Passo:

Vá em Modelo> Personalizar> Avançado>Adicionar Css

2-Passo:

.profile-img{height:250px;width:300px;}

                             Lembre-se!!

Que o Height ( Largura) e o Width (Altura) da sua imagem você pode colocar em qualquer tamanho que você desejar.

Barra de Rolagem Colorida

1-Passo: 

Vá em Modelo>Editar Html 

2-Passo:

Procure ]></b:skin>  e cole antes esse código

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
width:15px; /*Largura da barra de rolagem*/
 background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}

Caixa De Pesquisa Personalizada

Ola amoras hoje eu irei ensinar como colocar no seu blog uma caixa personalizada

   E Muito Facil veja ai :

  1- Passo:
 Vá no Painel do Blogger > Layout e cole o código abaixo em um HTML/JavaScript 

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

2-Passo:
 Vá em Modelo > Editar HTML > Ctrl + F e procure por:

]]></b:skin>

3-Passo:
Adicione o código acima do código encontrado

.search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Tahoma, Tahoma; /* Fonte */
}
.searchbar{
height: 20px; /* Altura da caixa de pesquisa */
width: 140px; /* Largura da caixa de pesquisa */
color: #FF82AB; /* Cor da fonte  */
-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da caixa de pesquisa */
}
.searchbut{
background: url('url da imagem do botão de pesquisa');
width:30px; * Largura do botão pesquisa */
height:30px; /* Altura do botão de pesquisa */
border: 0;
padding:7px;
}