sexta-feira, 8 de julho de 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

WallPapers















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:
<br  /> <script style="text/javascript"    src="http://100rede.com/mapablogger.js"></script><br />  <script    src="http://seublog.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

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="http://3.bp.blogspot.com/_NBm6T2_gd54/SW-QmdK0LiI/AAAAAAAAASg/I7C4wJNhg-A/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 

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'/>