Seguidores

Pesquisar este blog

terça-feira, 28 de fevereiro de 2012

4

Como Colocar Imagem do 'Postado Por' + Novidades

O tutorial de hoje, vai ser como colocar uma imagem ao lado do 'Postado Por'. É bem simples.
Para fazer isso, vc apenas precisa saber mexer com o HTML do seu blog, que não é nada difícil. é só pegar a prática e ir aperfeiçoando-se.
   
 
 
Mas, chega de blá blá blá, e vamos logo ao tutorial.Vá em Designer> Editar HTML> Marque a opção 'Expandir Modelos de Widget'> Aperte Ctrl+F e pesquise por: 




A parte que vc pesquisou, vai ficar bem destacada em laranja, e ao lado vc cola:





No lugar de URL DO MINE GIF ESCOLHIDO, vc cola o mine gif que vc quer que fique ao lado do 'Postado Por'. Aqui tem vários.
 
Visualize e se estiver tudo certo, salve.
Se usar no seu blog , me avise para eu conferir como ficou.
Ah, eu ia quase me esquecendo... estou personalizando um template exclusivo aqui pro blog, e logo logo ele fica pronto, ok?
Beijooos e até amanhã.

2

Caixas para colocar códigos HTML




Que tal criar uma caixa para colocar códigos HTML como a que está acima? É 
muito fácil, leia e aprenda!
Copie o código HTML abaixo:


<form>
<textarea name="myForm" rows="4" cols="40" wrap="virtual">
Seu texto ou código</textarea>
  
Depois, cole ele onde quiser e na linha "Seu texto ou código" 
digite o que deseja encontrar dentro da caixa.

Abraços!

2

Botão Curtir e Enviar do Facebook Juntos


O facebook tem vários aplicativos para usar no blog que alias já falamos algumas vezes sobre os acessorios e paginas do facebook(Aplicativos do Facebook para Blogs e Sites - Social Plugins), mas agora está disponível o botão curtir e enviar juntos no mesmo código e ao contrario do que pode parecer é muito simples de colocar no blogspot.

Entre na pagina editar html, mas antes de começar salve um copia do seu template caso tenha algum problema não perderá nada e poderá voltar ao seu layout atual facilmente.


Curtir e Enviar do Facebook
Agora que já protegemos o modelo do blog, marque a opção expandir modelo de widgets e procure por <div class='post-header-line-1'/> e logo depois coloque esse código:



Isso faz os botões curtir e enviar do facebook aparecerem logo depois do título da postagem, mas se quiser pode mostrar os botões depois da postagens, então coloque esse mesmo código depois da linha <data:post.body/> ou <div class='post-footer-line post-footer-line-1'>.

Como sempre para saber qual a melhor maneira e local para usar esse acessorio no seu blog é fazendo teste, sugerimos colocar no inicio da postagem e depois de alguns dias trocar para o final, assim poderá avaliar em qual local conseguiu mais cliques no botão curtir do facebook. Claro que essa sugestão de alterar o posicionamento das coisas no seu layout vale para qualquer coisa até anúncios do adsense para descobrir como ganhar mais dinheiro com seu blog na internet.


terça-feira, 21 de fevereiro de 2012

0

Novamente! Passarinho do Twitter que voa na tela



imageOla queridos, hoje irei encinar como conseguir colocar o passarinho do twitter que voa na tela do blogger. Esse passarinho é uma gracinha de passaro, que com o sobe e desce da tela ele se move, e se clicar sobre ele você é direcionado para a página do seu twitter.



Para ter um passarinho desse basta colar nos seus gadgets o seguinte código:


<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://seutwitter.com/';
var twitterThisText ='';
tripleflapInit();
</script>

onde está escrito em vermelho seu twitter, você coloca seu endereço do twitter. Salve e pronto.
Fácil né! Espero que gostem!

segunda-feira, 20 de fevereiro de 2012

0

Colocar ou alterar as bordas


Existem vários modos de mudar o visual do blog somente utilizando o estilo CSS um deles é colocar ou alterar as bordas. Esse código é bem simples e pode se usado em qualquer lugar, serve inclusive para fazer botões quando combinados com uma cor de fundo, além disso podemos usar para colocar bordas nas postagens, menus e qualquer outra coisa no blog. O código das bordas deve ser moficado pela página editar HTML, agora vamos entender melhor esse código:
border: 1px solid #0000FF

1px é a largura

solid é o estilo

#0000FF é a cor

Por exemplo para colocar bordas nos link procure por:

a:link, a:visited {
color:#0000ff;
text-decoration:none;
}

e coloque border: 1px solid #0000FF, dentro das chaves, deixando o código assim:

a:link, a:visited {
border: 1px solid #0000FF;
color:#0000ff;
text-decoration:none;
}

Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor e se precisa aqui tem o código das cores.


border: 2px dotted #000000

border: 2px dashed #000000

border: 1px solid #0000FF

border: 4px double #FF0000

border: 3px groove #6666FF

border: 4px ridge #FFFFCC

border: 3px inset #FFFF99

border: 2px outset #6699FF

quarta-feira, 8 de fevereiro de 2012

0

Colocar imagem no link ,postagens recentes, inicio e postagens antigas



 1° vá em design->e depois em HTML


depois clique em "expandir modelos de widgets"

vamos munda primeiro o "postagem recentes"
de ctrl F vai aparecer uma caixinha ai vc procura por: <data:newerPageTitle/>
apague esse trecho que está em destaque e cole <img src="URL DA IMAGEM" />
aonde esta escrito url da imagem vc cola a imagem que vc deseja que fique no lugar de
postagem recentes.

agora o link inicio
agora vc tem que procurar por: <data:homeMsg/>
apague novamente só o texto destacado de laranja e cole <img src="URL DA IMAGEM" /> e cole o url da sua imagem.

agora o link postagens antigas
procure por <data:olderPageTitle/>
apague e cole <img src="URL DA IMAGEM" />
e cole a url da sua imagem.
antes


depois



e é isso garotas um beijão para todas vcs!espero ter ajudado
bay bay

terça-feira, 7 de fevereiro de 2012

0

Como Criar a Caixinha com o Link do Seu Blog para Copiar e Colar [Atualizado]


Para que você possa criar o "LINK-ME"

Você deve adicionar este código numa widget/gadget HTML do blogger:


<div align="center"><img vspace="2" hspace="2" src="Endereço da Imagem" ></div>
<div align="center"><textarea rows="3" cols="15" onfocus="this.select()" onmouseover="this.focus()" name="textarea">
<center><a href="Endereço do Blog" target="_blank">
<img border="0" src="Endereço da Imagem" /></a></center>
</textarea></div>


Aí seu link aparecerá assim como o exemplo abaixo:





Você pode editar também a quantidade de linhas e de colunas em rows="3" cols="15"
»rows="3" é a quantidade de linhas - que vai determinar a altura da sua caixinha
»cols="15" é a quantidade de colunas - que vai determinar a largura da sua caixinha


domingo, 5 de fevereiro de 2012

0

Plaquinhas




   






   

   

   

   

   

   

   

   

   

   


   











   






  
  
  
  
  
  
  
  
   



  

LinkWithin

Related Posts Plugin for WordPress, Blogger...