Postagens Recentes

10 de ago. de 2008

Trocar texto "Postagens mais antigas" por imagens de navegação no Blogger

24 comentários:
Para quem deseja substituir o texto que fica ao final das postagens no Blooger por imagens como este exemplo AQUI, siga a dica.

Pegue AQUI a imagem que quiser para colocar como botão de navegação.





Este hack vale para o velho e o novo Blogger, implementado em julho de 2010


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.











Vá até o HTML do seu blog e clique em "Expandir modelos de widget"

Agora copie este código abaixo.
<div class='blog-pager' id='blog-pager'>

Agora clique na tecla "F3" de seu teclado, ao abrir uma janela, cole o código que você acabou de copiar. Viu que ficou selecionado ?


Agora substitua todo este trecho

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>


Por este:


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFcxvLc5-j6Zlmnt7jzy7nAF22EmTFGJtwknm0521DaBzPA5nOo2Rl4ru21dvWNZRxyb-FvqBfbBRwFHkk25Hqsd4wtX4pb3NQ-p7mybX_nEblfJcVJXr6_a-K_qergc_8DJauGeV62md/s1600/arrow21.gif'/></a>
      </span>
    </b:if><b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwX8i8CY83ZfNbrwxfLxr1Q-lgDnyUmLBqHzIV8xKG6XNdDN-Vrz8KB9zZSylwczPUTJ7Dp19rCIbcuiGviQN99-jeqwmcg5TX1ZZqT5Cw_-fpckY2YYsI23SucpESFV7AvyZW2gHjgCEy/s1600/home8.png'/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if><b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQfpdrmP_N623se0PgQYCUomcm81F3qYNOLx0DWK-js8lh51JTs4pfuNTsUwoEWjO8zEg0E13IHFGaifyCir3rxrNxXkd5nCoDNa1f_bUX2MaLB8arx7jyDse0EjtfIeJLj4MvKu4rui3/s1600/arrow20.gif'/></a>
      </span>
    </b:if>
 </div>
</b:if>



Agora basta colar o endereço de suas imagens nos locais grifados com cores.


LARANJA----------------------------seta para esquerda
AZUL----------------------------------casinha
VERMELHO--------------------------seta para direita


Para centralizar as imagens, copie o código abaixo e cole antes de:

]]></b:skin>


/*Blog pager------------------------------------*/ #blog-pager {width: 500px;clear: both;text-align: center;} #blog-pager-newer-link {float:left; padding: 10px 0 0 30px;} #blog-pager-older-link {float:right; padding: 10px 30px 0 0;} #blog-pager {text-align:center;padding: 10px 0 0 0;}

O código em rosa deverá ser modificado de acordo com a largura de seu "#main-wrapper"

Encomenda de templates

Se você navegou neste blog e não encontrou AQUI entre os mais de 350 templates que disponibilizo DE GRAÇA e prefere encomendar um, faço para você ! Se você quer ter um blog com um template lindo, com vários efeitos, com 2, 3 ou 4 colunas, acessórios posso fazer para você. Posso também montar o blog e lhe entregar no ponto de só postar. Qual seria a diferença entre um e outro ?


Bom, caso queira o blog, abro a conta no Blogger (caso não tenha uma), instalo o template com todos os códigos e scripts a sua escolha. Inscrevo seu blog nos principais sites de busca, no Feed, Haloscan, etc, tudo isso a partir de R$ 160,00. Faço também faço os acessórios como contador, midi, calendário, banner, botão de link por R$ 6,00 cada.Caso tenha interesse envie-me um email com a seguinte mensagem:

Encomenda de template.

Não faço templates gratuitos, veja que há aqui mais de 350 templates grátis para baixar.
Não modifico templates de outros autores
Não faço hospedagem de blogs, não dou nome para seu blog e nem faço postagens.
Tenha em mente previamente o quer para seu blog, sobre o que será e qual o assunto que seu blog tratará, modificações serão cobradas.
Não dou uma "olhadinha" em seu blog, nem o conserto. Não insistam !
Sou má ? Não ! Mas veja, não tenho tempo mesmo. Tenho templates e blogs para entregar, filho para amamentar, filha em idade escolar e marido para amar...






  • Template
    Faço o template com 2, 3 ou 4 colunas, com a imagem de seu agrado, inclusive fotografia.
    Eu faço e envio o código e você instala, sem direito a postagem ou
    acessórios
  • Valor: a partir de R$ 120,00


  • Blog.
    Faço o template com 2, 3 ou 4 colunas, com a imagem que quiser, inclusive fotos e o instalo. Te entrego o blog pronto para ser postado com 1 menu horizontal, botão de link-me, página com formulário de email e Feed.
  • Valor: a partir de R$ 180,00




































Nome:
E-mail:
Assunto:
Mensagem:





Alguns templates feitos por mim.


<




  • Escreva sobre o que será o seu blog.
  • Quais as cores que gostaria.
  • Qual a imagem que gostaria, se possível envie-me o link da imagem ou a imagem.
  • Pagamento: R$ 180,00 ao encomendar o serviço. Depósito bancário no Banco do Brasil ou Caixa Econômica(assim que combinarmos passo o número da conta)
  • Caso tenha vídeos e músicas envie-me o CD que o converterei e o hospedarei na net. Haverá um acrescimo para este trabalho no valor de R$ 40,00.
  • Criação de logo acrescimo de R$ 60,00.
  • Banners, botões, relógios, midis, R$ 3,00 cada.


Ligações via Skype
(somente para trabalho)
elkedibarros

Meu status

Meu MSN (por favor só me adicione se realmente quiser fazer a encomenda)
templateseacessorios@hotmail.com

Meu GMail (para encomendas somente)




Comprar serviços

6 de ago. de 2008

Última atualização em seu blog

2 comentários:
Tenha um script que mostre quando foi a última vez que você atualizou seu blog. Copie o código e cole no HTML/Javascript em seu blog.
Troque o código em vermelho pela inscrição que você quer que apareça.








<script language="JavaScript" type="text/javascript"><!--
// last modified script by Bernhard Friedrich; should work in all browsers
var a;
a=new Date(document.lastModified);
lm_year=a.getYear();
if (lm_year<1000){ //just in case date is delivered with 4 digits
if (lm_year<70){
lm_year=2000+lm_year;
}
else lm_year=1900+lm_year;
} //end workaround
lm_month=a.getMonth()+1;
if (lm_month<10){
lm_month='0'+lm_month;
}
lm_day=a.getDate();
if (lm_day<10){
lm_day='0'+lm_day;
}
document.write("Este blog foi atualizado em:" + lm_day+'/'+lm_month+'/'+lm_year);
// -->
</script>


Créditos: Gem@

Botão ir acima fixo no template

2 comentários:
Coloque um botão fixo em seu blog que ao clicar, leva acima.
Copie o código vá até o HTML do seu blog.
Procure pelo código:</body>

Que está lá embaixo e cole o código em cima. Coloque o endereço da imagem de sua preferência e salve.


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.






<script language='JavaScript'>
imagenes = new Array(1)
imagenes[1] = &quot;<a href='#outer-wrapper' title='Clique para subir'><img border='0' src='AQUI O ENDEREÇO DE SUA IMAGEM' style='position:fixed; bottom:0; right:0;'/></a>&quot;
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>

Gifs Candied

2 comentários:
Estas gifs são do site: Cantinho Encantado

Gifs cutes, backgrounds, imagens fofas, Candied

2 comentários:
Totalmente inspirada no mundinho infantil, tanto que meu template está parecendo a casa da Barbie, andei navegando e encontrei este excelente site. Há nele várias imagens, inclusive da Candied, que é essa bonequinha que está por todo o blog.
Entre, salve as imagens em seu pc que forem de seu gosto e depois as hospede em um site.

*Não faça hotlink, que é o tal de copiar as imagens, tenha dó, né ?! Salve em seu PC e depois hospede em um site.

Clique AQUI para entrar no site.


Aprenda a hospedar imagens

12 comentários:



Vamos aprender a hospedar imagens para publica-las nas
páginas dos blogs ?

Se você não sabe como salvar as imagens em seu computador clique AQUI


Se preferir você poderá fazer o upload no próprio Blogger. Clique AQUI e aprenda como.





Você vai clicar AQUI , então irá para um site que tem uma página como essa abaixo.
Clique em "Procurar" para abrir o browser do seu PC.




Faça como no modelo





Clique para ver sua imagem no pequeno ícone.



Agora veja ai o código da imagem. Clique em "Upload Now"



Aguarde enquanto sua imagem é carregada



Pronto. O primeiro código você copia e cola nas páginas do blog, sempre no modo HTML. Já o segundo código é o tal famoso endereço da imagem ou URL que sempre pedem para colar nos códigos.

O código é mais ou menos assim. Esse vc cola direto nas páginas do blog, sempre no modo HTML


<a href="http://tinypic.com/" target="_blank"><img src="http://i15.tinypic.com/4zbezr9.gif" border="0" alt="Image and video hosting by TinyPic"></a>

Já esse código, é só para quando é pedido entre códigos, ou endereço (URL) de imagens.



5 de ago. de 2008

TESTE

Nenhum comentário:
<TABLE style="BACKGROUND-POSITION: left top; WIDTH: 502px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 104px; BACKGROUND-COLOR: #ffffff" height=104 width=502 align=center background=AQUI O ENDEREÇO DE SUA IMAGEM border=6><TBODY><TR><TD>>ESCREVA AQUI</TD></TR></TBODY></TABLE>

Last FM no blog

4 comentários:
Coloque um reprodutor do Last FM em seu blog.
Copie o código em destaque e cole no HTML/Javascript em seu blog. Faça a mudança pelo estilo de música de sua preferência onde está em laranja conforme a dica.





<embed src="http://cdn.last.fm/webclient/72/defaultEmbedPlayer.swf?file=Finetune Player.sbw" flashvars="lang=es&lfmMode=embed_radio&radioURL=lastfm%3A%2F%2Fartist%2Fmpb%2Fsimilarartists&autostart=true" quality=high wmode=transparent type="application/x-shockwave-flash" align=middle height=282 width=400 pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess=never allownetworking=internal></embed>



O código em laranja deve ser trocado pelo seu estilo de música preferida ou o nome do artista que queira escutar.

Para facilitar, troque por uma das tags abaixo





2000 1960 1970 1980 1990 acústica alternativa rock alternativo ambiente USA anime black metal Bandas sonoras blues britpop celta chillout christian clasica clasica dance darkwave death metal doom metal drum and bass electro experimental Flamenco Chicas folk folk metal funk garage rock glam rock goth gothic gothic metal gothic rock grunge guitar hard rock hardcore heavy metal hip hop hip-hop hiphop house indie indie pop indie rock industrial industrial metal instrumental j-pop j-rock japones jazz jpop jrock latin lounge romántica melodic death metal metal

new age new wave noise nu metal oldies opera piano pop pop punk pop rock post rock post-hardcore post-punk post-rock power metal progressive progressive metal progressive rock psychedelic psytrance punk punk rock rap reggae reggaeton rnb rock brasileiro rock classico ska soul symphonic metal synthpop techno thrash metal trance trip-hop uk video game music

Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube