Curso Sobre Blogspot: Barra de rolagem personalizada no blogger

<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17px; line-height: 26.078125px; widows: 1;">BARRA DE ROLAGEM PERSONALIZADA</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SqJYSHBnWF4sbQVIO0hyphenhyphen7yZe8lCQywPDw2jQvdHfoAzgA_gYmkWAD0sWPteyMgs1PkHC602KQsHZbbej1IDsgVHfF7mZfwyd2tpLUrbhKZimtm3bG43BjheDq2jVjcrKql6StmaMFbY/s1600/barra.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SqJYSHBnWF4sbQVIO0hyphenhyphen7yZe8lCQywPDw2jQvdHfoAzgA_gYmkWAD0sWPteyMgs1PkHC602KQsHZbbej1IDsgVHfF7mZfwyd2tpLUrbhKZimtm3bG43BjheDq2jVjcrKql6StmaMFbY/s320/barra.PNG" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_v8ZQgBguMuWJ4dzFuB22cfpZAY31mPLUed-xxCl6sGQGprSUieSYt7nHqcBwPz-QqGKNHWFSNng_5Zvea5FGEgEWYba593EH1DpdBwYb2_MEGJ1h7wvciJZ4cHl7QKNXyzenvtEiHM/s1600/barra2.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_v8ZQgBguMuWJ4dzFuB22cfpZAY31mPLUed-xxCl6sGQGprSUieSYt7nHqcBwPz-QqGKNHWFSNng_5Zvea5FGEgEWYba593EH1DpdBwYb2_MEGJ1h7wvciJZ4cHl7QKNXyzenvtEiHM/s640/barra2.PNG" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">/* --------- BARRA DE ROLAGEM PERSONALIZADA ----------- */</span></div>
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">/*** Rolagem da Vertical da Página ***/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">::-webkit-scrollbar-thumb:vertical {</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">background: #000; /*Cor da barrinha que se move*/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">height:50px;</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">}</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">/*** Rolagem da Horizontal da Página***/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">::-webkit-scrollbar-thumb:horizontal {</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">background-color:#000; /*Cor da barrinha que se move*/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">height:10px;</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">}</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">/*** Parte fixa da rolagem (fundo que não se move) ***/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">::-webkit-scrollbar {</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">height:10px;</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">width:15px; /*Largura da barra de rolagem*/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div style="text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">background: #ca1700; /*Cor da parte fixa, que fica no fundo*/</span></div>
</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 26.082px; widows: 1;"><div style="font-size: 17.388px; text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;">}</span></div>
<div style="font-size: 17.388px; text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;"><br /></span></div>
<div style="font-size: 17.388px; text-align: center;">
<span style="font-size: 17.388px; line-height: 26.082px;"><br /></span></div>
<div style="font-size: 17.388px; text-align: center;">
<span style="color: purple;">Escolha as cores de sua preferencia e edite no HTML e salve, depois é só visualizar a alteração no seu blogger</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">Pessoal peço que comentem e Curta nossa Pagina no Facebook.</span></div>
</span>

Barra de rolagem personalizada no blogger

BARRA DE ROLAGEM PERSONALIZADA /* --------- BARRA DE ROLAGEM PERSONALIZADA ----------- */ /*** Rolagem da Ver...

Mais informações »