Seguidores

Pesquisar

Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

saiba como se faz:...: "Botão "ir ao topo" com efeito"

,
fonte creditos deste presente post:
templateseacessorios

saiba como se faz:...:  
"  Botão "    ir ao topo"   com efeito"
"   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."

Coloque um botão para ir ao topo  (exemplo) do seu blog com efeito. Então vá até o HTML de seu blog e antes de:

]]></b:skin>

Cole o código abaixo.




/* Up header----------------------------------------------*/


#upheader {
width:100px;
color:#fff; /*cor da letra*/
background:#808080; /*cor de fundo*/
border:1px solid #ccc;/*cor da bordas*/
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
text-decoration:none;
}




Abaixo de ]]></b:skin> cole o código abaixo.


<script type='text/javascript'>
$(function(){$.fn.scrollupheader=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#upheader").scrollupheader();
});
</script>
 


Procure então por </body> e acima dele cole o código abaixo.

<a href='#' id='upheader'>Topo ▲</a>


Se preferir colocar uma imagem de seta o código será esse, Não se esqueça no entanto de apagar oa parte do primeiro código que está em negrito.

<a href='#' id='upheader'><img src="AQUI O ENDEREÇO DA IMAGEM"/></a>

personalizar-as-categorias-do-blog - em listas horizontais -

,
Postagem em homenagem ao meu grande amigo blogueiro Rogério,

que fez muito 
e dedicou a mim, 
vejam a seguir:
..."especialmente a minha colega blogueira 

edilene,"... 






"... onde após clicar em alguma delas você não irá necessitar de passar por todos os posts para achar a matéria que deseja, e com isso economizando muito tempo."

'Com isso você irá evitar que os leitores ao acessar sua página e clicar em alguma das categorias ou mesmo nos arquivos apareça o texto por completo dos posts anteriores, o que pode levar alguns impacientes a sair chateado com seu blog, e pensando em todos os leitores natos do blog newtechsound estarei fazendo o tutorial de como personalizar as categorias do blog em lista."


"Primeiro passo: entre logado no seu blogger, em seguida basta clicar em alguma das duas opções que eu trouxe nessas fotos."

"Segundo passo: basta clicar na aba "editar html" para abrir a página de edição do código do template."

"Terceiro passo: Salve um modelo do seu template, isso para você evitar futuras dores de cabeça, e para fazer isso basta clicar no link baixar modelo completo, conforme a foto abaixo."




"Quarto passo: Agora você irá clicar em "expandir modelos de widgets".

"E agora você irá procurar no código html do seu template o seguinte código: <b:include data='post' name='post'> e substituí-lo por esse outro código:"



<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div id='titulos'><ul><li>
<a expr:href='data:post.url'><data:post.title/></a>
</li></ul>
</div>

<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

"Agora você irá procurar pelo código ]]></b:skin> e acima dele colar o seguinte código:..."



#titulos{ /*estilo para o espaço ocupado pela lista */
margin:6px 0px;
background:#fff;
padding:6px;
border:1px solid #e3e2e3}

#titulos ul{ /*estilo da lista */
margin:0px;
list-style-type:none;
background:#eeeded;
padding:3px;}

#titulos li{ /* estilo para cada item da lista */
background: #fff ;
padding:15px 0px 3px 40px;
font-weight:bold}
..." espero que tenham gostado, especialmente a minha colega blogueira a edilene,"...

"via: 
TPNB"


fonte desta postagem, 
vide original em:
e creditos merecidamente a Rogerio, que tem postado 
ótimos conteudos, 
aproveite e de um pulinho la
(;


A minha amiga secreta está aquii.

,
A minha amiga secreta
está aquii


Miriam Davalo – (midavalo) - 














"seu presente pegue lá



e me mande a conta, 
pois num consegui encontrar
o que você quer"


***
por isso
no momento,
"Selecionar / clicar / copiar /colar
em seu blog
este singelo
play music"


<center><center><a imageanchor="1" linkindex="242" style="margin-left: 1em; margin-right: 1em;" href="http://www.blogger.com/goog_1260131078040"><img border="0" width="650" src="http://lh6.ggpht.com/erminiaerminia/SQLqvF8LfzI/AAAAAAAAFd0/EbgDoZ4XOv8/5y.gif" height="50"/></a></center><span style="color: rgb(204, 0, 0);">♥</span> <center> <object width="180" height="40"> <param value="http://listen.grooveshark.com/songWidget.swf" name="movie"/> <param value="window" name="wmode"/> <param value="always" name="allowScriptAccess"/> <param value="hostname=cowbell.grooveshark.com&amp;widgetID=15147584&amp;style=grass&amp;p=0" name="flashvars"/> <embed allowscriptaccess="always" width="180" src="http://listen.grooveshark.com/songWidget.swf" flashvars="hostname=cowbell.grooveshark.com&amp;widgetID=15147584&amp;style=grass&amp;p=0" wmode="window" height="40" type="application/x-shockwave-flash"></embed></object></center> <center style="color: rgb(204, 0, 0);"></center></center><center><a imageanchor="1" linkindex="242" style="margin-left: 1em; margin-right: 1em;" href="http://www.blogger.com/goog_1260131078040"><img border="0" width="650" src="http://lh6.ggpht.com/erminiaerminia/SQLqvF8LfzI/AAAAAAAAFd0/EbgDoZ4XOv8/5y.gif" height="50"/></a></center>



e mais este

\/

vídeo music


<center><a imageanchor="1" linkindex="242" style="margin-left: 1em; margin-right: 1em;" href="http://www.blogger.com/goog_1260131078040"><img border="0" width="650" src="http://lh6.ggpht.com/erminiaerminia/SQLqvF8LfzI/AAAAAAAAFd0/EbgDoZ4XOv8/5y.gif" height="50"/></a></center><center><span style="color: rgb(204, 0, 0);"></span> <div style="overflow: auto; height: 100px;"> <object width="180" height="344"><param value="http://www.youtube.com/v/DqKir6ze-sE&amp;hl=pt-br&amp;fs=1&amp;" name="movie"/><param value="true" name="allowFullScreen"/><param value="always" name="allowscriptaccess"/><embed allowscriptaccess="always" width="180" src="http://www.youtube.com/v/DqKir6ze-sE&amp;hl=pt-br&amp;fs=1&amp;" allowfullscreen="true" height="344" type="application/x-shockwave-flash"></embed></object></div></center> <center><a href="http://mensagensdiversificadas.blogspot.com/"> </a></center> <center> <!-- Inicio Codigo Visitas online gratis opromo.com --> <script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=sitehttpmensagensdiversificadasblogspotcom&amp;corfont1=5B0000&amp;texto=1&amp;formato=negrito&amp;tipo=verdana&amp;tamanho=3&amp;simbo=6" type="text/javascript"></script> <!-- Fim Codigo Visitas online gratis opromo.com --> </center> <center><center><a href="http://mensagensdiversificadas.blogspot.com/"> </a></center> </center> <center style="color: rgb(204, 0, 0);"></center><center><a imageanchor="1" linkindex="242" style="margin-left: 1em; margin-right: 1em;" href="http://www.blogger.com/goog_1260131078040"><img border="0" width="650" src="http://lh6.ggpht.com/erminiaerminia/SQLqvF8LfzI/AAAAAAAAFd0/EbgDoZ4XOv8/5y.gif" height="50"/></a></center>

http://estaaquii.blogspot.com





comentado

 

#esta aquii Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger Templates