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

Atualização do Blog

O blog foi recentemente atualiza e agora vou postar fotos de como era o blog antes da atualização.






Logos utilizados ao longo desse 2 anos e meio.




Esse é usado atualmente.



Ocorreram varias melhorias e logo o blog será:
http://www.dragonsofwar.com
e não mais
http://dragonsofwar.blogspot.com

Mais caso utilize o endereço antigo ele redicionará automaticamente para o novo endereço.

Edição de templates e Layouts

Muitos estão me pedindo para editar templates e layouts dos seus blogs. Por isso vou deixar o email para contato caso alguém queira que eu edite o seu blog.

Email: dragons.ofwar@yahoo.com.br

Não edito blogs que contenham conteúdo proibido para menores de 18 anos.
Dúvidas deixem comentários ou entrem em contato pelo Email ou meu Twitter.

Tradução para o blog

Eu já havia colocado um tipo de tradução no blog, mas recebi algumas reclamações que ela não dava certo no blog por que sua borda era branca e o template preto.

Então resolvi colocar a mesma tradução que há no meu blog.

Primeiro vá em Design>Elementos da página> Adicionar Gadget>HTML/JavaScript e cole esse código:

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbiocy/swwjycgenli/aaaaaaaaa1o/7p6s3-tipsa/english_thumb%5b3%5d.png?imgmax=800 style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_Hv2gY5bRZ22hhKrVVQO3yLsMbUJwUPUjEHSgsRfHfNgeKyIXNc2SK2x6dENPV-23Al0SgpnRMcgEZr7nvFJwQCXfNq1cNt3Cio1i8g50XLFPVXxMjb-DkuSXI5Zs0y5cLg2NqchyphenhyphenwI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhayJhpQM1p6-xnWx22tpjXN5Ue0bpokbJsgpWNk1mkS1pZnHmNQuqF1zI5HQLOxDbYfQfpOObbEHf4nTtzkdTe2zkoiD-t3_QOk-AEf5SDTwKzRtJfYEMdcHFA1tH5ueaQm3eMwtk5Q-LJ/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURR8RSb1OOrBTkxZrp4OH_GRcaaU7K29qXLGu2kM04u4knFPeKUSXHBMmvnCdQHDrx_Ij3USqQM-bx_5yQcU3o65LNKCSYCgeoXEF5RUCWXrS1ppvRBR4rA7-OqKoyOYVn9cuERNikYcT/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDULBiNzuTIgNuW9u6fpopi9BX6dYnwOji4BSnLmC4ZzR-Xj1VdCjnrgRMZUGaEwK6S3scscVlG1aRx2BU4FD4kxb6Owfu99xWMvzxzVkZ30uhoolu4cDLoGNkuEfMYgvUM-acmFiMh1Y/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijYXVY_0s5ZXxa40PK-AYKzCioZBHxnh1RrHLObdhOvtNrfCIWuV5NksfRsxxISX6ohjBWXEp9BFXc2edq0ke-o_3cMYd2JWtzsLF8btSncLe7KrkkMUlNJkpWPkAblrf-7xRooKFJb9o/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<br/>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUfeLvyLjnJKRkJ3o9uRi3LXrGtRWs32ZX86FnydWoddfUjfBtfLMeOo4Robcr_OuoBYkUcAjedH-_uMkS8Td3Az1USKEPiSmepbAccPk5Dm9EWlj14NO9dTdNjG6suBF5m39_RUhotks/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0OTmc3iVmDIzEEy8aG6YifUycenZZ71i9X2hNICe_StyhhIfFVfSHp7wNA4clUkCWcFzwBkszTqsKbEbm6Go6G69mwl5cW_rbxiQbcHkXvx-YpwbiJf5ZmXI7QN1MuURoIVk0aZU7Xk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZbXnRZjbMdvJxA3XdqxOtCPKyrwqUZt0qw414KWV1cTAqgZCOOVmuupdeXbVn0Yz9qKFz5jCg0vHbESZDaySPi9iRZCyMiLyKSE4LzxGForQPUD1XEW_63Nyrd7Yh-puPZIhKMq2RzTHE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmhFzNGQT035zd0zR2SdDaDBbHqjjsB_PrW-OjnWbnXbw5kB6g5gZElpU5XyLNen5d5rNQ0nx69woWdLFgDPPlBFtwMv9OlEbYfCf0wr-2SwKvm5N_GPpN2IJk9RxCV2n2FppzbanTFlk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde
r="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBgqHB56SFWen2Oa8My3dX9Nea0vpt2QAg8dWvZc9MxxQvIXrdc9gp76hfH0EB3JbePnhOLyXppIuIpobw16hfbFX_voWpEOl3rywsA06h89ByGcibrzIzSn3cw5FZLZPqdPe7IH8Jso/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8yxr-V6QT_Al3tBVUR78L3ShrF6DUAWRBuvXTg4Z9QDwqqeU21mVBEz_8PNMOcZS8Tk84p1cXxDnm-OvLBlyK2lieN1N1G-o3sNTkxX7fPyzxXchyphenhyphenEaIN3sZENxURMNyy8Jgtg8PRQQI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div>
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em><a href="/"></a></em></font>

Salve e mova ele para o local desejado do seu blog.

Veja também: Como publicar códigos HTML/JavaScript no blog

Colocar códigos em html/javascript na postagem do blog

Muitas pessoas se perguntam como colocar códigos HTML/JavaScript nas postagens do blog. Essa com certeza é uma dúvida constante de muitos blogueiros iniciantes. Pois bem para conseguir colocar esse códigos nas postagens e os códigos não aparecerem na forma indesejada é bem simples; há um site que com que seus códigos saiam do jeito que você escreveu, o Parse HTML.

Primeiramente:

  • Lá haverá uma caixa onde você irá colar o código que você deseja postar e clique em Parse,
  • Ele irá gerar o código já modificado para você,
  • Então é só você copiar e colar na postagem do seu blog e publicar.

E é isso, fácil e rápido.

Veja também: Menu superior com imagens

Menu superior com imagens

Muitas pessoas procuram um menu superior com imagens, agora vou mostrar como colocar um menu como esse no blog.

Primeiramente vá no painel de controle do seu blog e clique em Design>Elementos da página>Adicionar gadget>HTML/JavaScript e cole o codigo:


<div id="container_dock">
<div id="dock">
<a href="ENDEREÇO DO SEU BLOG"><img src="http://www.ferramentasblog.com.br/imagens/128-home.png" alt="Página principal" /> </a>
<a href="mailto:SEU EMAIL"> <img src="http://www.ferramentasblog.com.br/imagens/128-email.png" alt="Contato" /> </a>
<a href="ENDEREÇO DO SEU FEED"> <img src="http://www.ferramentasblog.com.br/imagens/128-Feed.png" alt="Assinar Feed" /> </a>
<a href="ENDEREÇO DO SEU TWITTER" target="_blank"> <img src="http://www.ferramentasblog.com.br/imagens/128-twitter.png" alt="Seguir no Twitter" /></a>
<a href="FACEBOOK" target="_blank"> <img src="http://www.ferramentasblog.com.br/imagens/128-facebook.png" alt="Adicionar ao Facebook" /> </a>
</div>
</div>

Após colar em HTML/JavaScript e fazer as alterações no script salve e coloque o Gadget na parte que desejar do blog

google maps

Um banner no seu blog

Para colocar um banner no seu blog ai esta o html do banner faça as modificações e coloque como gadget no seu blog

<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="URL_DO_BANNER" /><br/>
DIVULGUE (O NOME DO BLOG)<br/>
<input onfocus="this.select()" value="&lt;a target=&quot;_blank&quot; href=&quot;URL_DO_BLOG&quot; title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img src=&quot;URL_DO_BANNER&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>

Blog nas pesquisas do Google, Yahoo, etc.

Para seu blog aparecer nas pesquisas dos sites de busca era necessário se cadastrar em um por um, mais hoje não é mais necessário fazer isso, pois o Datahosting faz isso pra você; ele cadastra seu blog/site em muitos mecanismos de busca em todo mundo.

Lembre que no blogger não tem WWW, então cuidado na hora de fazer o cadastro, pois se você colocar dados errados seu blog não aparecerá nas pesquisas.

O cadastro é bem simples, coloque o título do blog, o URL (se for blogspot sem WWW), a descrição do blog, as palavras chaves (separadas por vírgula), depois coloque o seu nome, email, e as palavras de confirmação do cadastro!! Após isso será redirecionado para uma página onde será feito o cadastro nos sites de busca escolhidos anteriormente por você.

Alguns sites de buscas irão enviar um email de confirmação de cadastro no email que você colocou na parte de cadastro do Datahosting.

Mais no básico é isso ai, até mais pessoal

contagem de tempo

esse html e de contagen de tempo ele conta quanto tempo se passou a partir da data que voce colocou.Voce pode mudar a data no fim do html.Voce pode colocar no seu blog no layout>elementos da pagina>add gadget>html/javascript

<script>
montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
today=new Date()
todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
todaym=today.getMonth()
todayd=today.getDate()
todaystring=montharray[todaym]+" "+todayd+", "+todayy
paststring=montharray[m-1]+" "+d+", "+yr
difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" dias"
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
}
countup(2008,11,10)
</script>

adicionar contador de visitas

se voce quer colocar um contador de visitas no seu blog entre no pax
la voce vai encontrar varios tipos de b contadores de visitas como esse

traduçao para seu blog

essa e uma traduçao bem simples

va em layout>elementos da pagina>adicionar gadgets>html/

e cole la voce pode substituir http://SEUBLOG.blogspot.com/

pelo endereço do seu blog



<div align="center"><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>

<br /> <form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation"

target="_blank">

<input value="PT" name="wl_srclang" type="hidden"/>

<select style="font-size: 70%; width: 160px;" name="wl_trglang">

<option value="EN"/>Português - Inglês

<option value="FR"/>Português -Francês

<option value="DE"/>Português -Alemão

<option value="IT"/>Português - Italiano

<option value="PT"/>Português -Português

<option value="RU"/>Português - Russo

<option value="ES"/>Português - Espanhol

</select>

<input value="http://SEUBLOG.blogspot.com/" name="wl_url"

type="hidden"/>

<input name="submit" type="submit" style="font-size:

70%; width: 50px;" value="Traduza"/>

</form>

</div>



ate mais dica pega no dicas para blogs

codigos de cores

codigos de cores para seu blog

 
Powered by Blogger