Aprendendo Rapido: 2011

Banners Editavel

120X60

125X125

180X40

468X60

120 x 60

125 X 125

180 X 40

468 X 60

120X60

125X125

180X40

468X60

120 X 60

125 X 125

180 X 40

468 X 60

Tutorial - Aplicar mapa do site no seu blog

Esta Tutorial como Aplicar mapa no site no seu Blog/Site !

Vamos então ao tutorial !

1 - Va ao seu painel do blog
.

2 - Nova postagem

3 - Editar HTML

4 - Copie o seguinte codigo para a postagem:

5 - Substitua o "http://seublog.blogspot.com" pelo seu blog, E onde esta "results=1000" vc pode mudar o numero de posts que apareçam no mapa do site.

6 - Guarde a postagem e pronto! - Tutorial testado e aprovado ;)

(RENDER) IMAGEM SEM FUNDO - FILMES

Contador de postagens / Comentarios

Como colocar Contador de postagens e comentarios em seu Blog:

E bem simples adcione o codigo abbaixo no gadget Html/ Javascrip

<
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVP1Kcp-0PqY6u_cZHKsFuqm_lEyTeVqeE551GCHihmg9YOvu1Q9pJxmyHdEfB2eltngqjYLEHm2tfwcLOZhU5Up-W6qy_1vJDLSo-V1t2ekJoWIVd_-YRxrCwDvsNyDmH5zCIAdev7qSS/s320/count2.png" /></div><span style="font-size:11px"> Widget by <a href="http://semnome.net" target="_blank" title="SemNome">SemNome</a> </span>

Vlw pessoal e isso ai qual que coisa so deixar um comentario !!!

colocar emotion nos comentarios

1º - Faça login no Blogger, entre em: "Layout" -> "Editar HTML".

2º - Marque a caixa: "Expandir modelos de widgets".

3º - Procure (Ctrl + F):

<p class='comment-footer'>

É possível que tenha mais de um tag desse no seu template, então escolha o SEGUNDO tag <p class='comment-footer'>
4º - Selecione todo código do seu template que está dessa forma:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4º - Substitua por isso:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/21.gif' width='18'/> :))
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/4.gif' width='18'/> :D
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/10.gif' width='18'/> :p
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/20.gif' width='22'/> :((
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/1.gif' width='18'/> :)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/2.gif' width='18'/> :(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/8.gif' width='18'/> :X
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/12.gif' width='18'/> =((
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/22.gif' width='18'/> :|
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/14.gif' width='34'/> x(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5º - Teste, se não teve nenhuma modificação no template, salve!
6º - Agora procure:

</body>

ANTES desse código cole isso:

<script src='http://codigosblog.net/servidor/emoticons/smiley.js' type='text/javascript'/>

7º - Salve!
Agora quando alguem for comentar vai aparecer a opção de adicionar Emoticons.

Colocar botão de proximo

VAI em editar HTML click em Expandir modelos de widgets

Procure>>   <data:newerPageTitle/>   coloque o codigo na frete

<img alt='Página Anterior' border='0' src='ENDEREÇO DA IMAGEM ANTERIOR'/>

Procure>>    <data:olderPageTitle/>   coloque o codigo na frete

<img alt='Próxima Página' border='0' src='ENDEREÇO DA IMAGEM PROXIMA'/>

Procure>>   <data:homeMsg/>  coloque o codigo na frete

<img alt='Home' border='0' src='ENDEREÇO DA IMAGEM INICIAL'/>

Marcadores

sexta-feira, 8 de julho de 2011