Image Map
Blog: Anime Shoujo / Sigla: AS
Desde: 30/03/2012
Tema: Puella Magi Madoka Magica
Dona: Thays Ramos
Post: 1906
Comentários: 8500
Visualizações: 3.234.147

7.4.16

Tutorial - Colocando status no blog


Oiiee amores image
Quinta vai ser o dia de tutoriais aqui no blog, vou seguir uma agenda para que assim fique mais fácil eu postar todos os dias, claro vai ter dias que trarei coisas bem legais e outros que vão ser post mais elaborados rsrs enfim... Vi em um comentário uma leitora perguntando sobre o status daqui do blog então resolvi trazer o tutorial ensinando como coloca-lo em seus blogs.
Eu peguei de um outro blog só que não gostei do resultado então modifiquei e acrescentei mais coisinhas até chegar no resultado final do tutorial(ele ta no blog da minha irmã, veja aqui), espero que gostem e deixe ai nos comentários quais tutoriais vocês querem ver por aqui, ok?

 image Tutorial image

 1. Vá em Layout -> Adicionar um gadget -> HTML/JavaScript e cole o link abaixo:

<style>
/*Tutorial por: www.animeshoujo.com.br*/
.stats {
border-bottom: 1px dotted #000000; width: px;
}
</style>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/visitando.gif" /> Blog: Anime Shoujo / Sigla: AS</div>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/data.gif" /> Desde: 30/03/2012</div>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/sentindo.gif" />Tema: Puella Magi Madoka Magica </div>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/msn.gif" /> Dona: Thays Ramos</div>
<div class="stats">
<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/singlepaper.gif" /><script>
function numberOfPosts(json) {
document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="http://www.animeshoujo.com.br/feeds/posts/default?alt=json-in-script&amp;callback=numberOfPosts"></script></div>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/lendo.gif" /><script>function numberOfComments(json) {
document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="http://www.animeshoujo.com.br/feeds/comments/default?alt=json-in-script&amp;callback=numberOfComments"></script></div>
<div class="stats">
<img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/assistindo.gif" /> Visualizações: <i>2.684.408</i></div>
<div class="stats">
<img src="http://static.tumblr.com/rltvkjt/q0hlmr3ze/mouse-1.gif"/>
<!-- INICIO CONTADOR -->
<a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-size:12px;font-style:italic;text-decoration:none;'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=animeshoujo.com.br&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank' style='font-size:12px;font-style:;text-decoration:none;'> usuários online</a>
<!-- FIM CONTADOR --></div>

Coloque o gadget na posição desejada em seu blog e prontinhooo, agora vamos entender as legendas em cores:
Verde: Os link dos gifs, mude para o gif/favicon de sua preferência ou deixe assim.
Vermelho: Mude para o link do seu blog.
Rosa: Em visualizações não conseguir fazer para que mude sozinho então você tem que ir atualizando, ou seja, mudando você mesmo.
Dica: Toda vez que eu entro no blog eu mudo o do AS, quem não saber onde ver é só ir em blogger -> Estatísticas.
Amarelo: ATENÇÃO pois nesse link você vai trocar para o do seu blog só que sem essa parte ''https://www.'' tem que ser do jeitinho que ta aii no tutorial.

 image Resultado image

Obs1.: As parte que estão em roxo estão em itálico, o jeito(cor) que estiver no seu blog mostrará do jeito que esta no seu blog e as estatísticas do seu(menos a visualização que tem que ser modificado manualmente por você).

Obs2.: Aqui tem um super post com mini gifs e favicons.

Obs3.: Vou colocar os tutoriais na pagina de goodies no menu, ok?

Bjinhos :**
image image


Um comentário:

Deixe os seus comentários mais parecido com o seu jeito,use os emoticons do AS e se divirta comentando...

Bjinhos :**

001   002   003   004   005   006   007   008   009   010   011   012   013   014   015   016   017   018   019   020