27/10/2012

Dois estilos do Gadget : Staus no Blog

Oi gente linda,hoje eu trago um tutorial bem bacana que deixa o seu blog bem bonitinho.
Trago hoje 2 estilos,isso mesmo 2 estilos do gadget Status para você colocar em  seu blog!

Um deles eu aprendi no Cherry Bomb que é bem legal e bonito,veja a imagem abaixo:

Para instalar é só Adicionar o código abaixo em um Gadget JavaScript/HTML no seu Layout:
<style>
/*Gagdet Status por www.cherry-liah.blogspot.com*/
.stats {
border-bottom: 1px dotted #000;width: 180px;
}
</style>
<div class="stats"><img src="http://i45.tinypic.com/2cnz79i.jpg"/><script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="URL_SEU_BLOG/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div>
<div class="stats"><img src="http://i45.tinypic.com/17y71f.jpg"/><script style="text/javascript">function numberOfComments(json) {
document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="URL_SEU_BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
<div class="stats"><img src="http://i46.tinypic.com/okwuaq.jpg"/><script language="JavaScript" type="text/javascript" src="http://www.usuariosonline.org/ver.php?domain=URL_SEU_BLOG" charset="ISO-8859-1"></script> usuários online</a>
</div>

O que você vai modificar é:
O que está desta cor é o estilo da borda entre uma linha e outra, você pode alterar ou deixar como está;
O que está desta cor é a imagem que aparece ao lado de cada item. Você pode substituir pela url da imagem que desejar, de preferência no tamanho 16x16 pixels. Você pode achar vários aqui;
E o que está dessa cor você vai substituir pelo link do seu blog com o http:// na frente. Por exemplo: <script src="http://cherry-liah.blogspot.com/feeds/(...)

                  Créditos: Cherry Bomb

Outro gadget de status que eu já usei aqui no blog é esse aqui,um código que eu peguei no CB quando ele não estava em Hiatus:
Adicione um Gadget JavaScript/HTML em seu blog,cole esse código:
 <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqL3SLhLPjEEqwMjrl40Bgd5EHF29UO2fuoCsXF3AlpDQP52N_RKCYTtIznSXxywLv-gi4YF_aRMEKya1YjAVi0fF_NCsDWCqyQw81qJ_PMGG3Js-C7MDAya9IdHethyphenhypheniBwxGuGHMIhTE/s1600/~l%C3%A7k~k.jpg" /><div><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/pencil_right.gif" style="font-size: 100%; " /><span style=" ;font-size:100%;"> Webmiss: SEU NOME</span><div><img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TTSXwE0xJ-I/AAAAAAAAAF4/tVS6pzI4UJE/s800/gif23.gif" /> Melhor visualização: QUAL NAVEGADOR O SEU BLOG É MELHOR VISUALIZADO</div><div><img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbb5vZb9BI/AAAAAAAAAdc/o5LXplEIKts/marcadores32.gif" /> Desde: DESDE QUANDO O SEU BLOG ESTÁ ONLINE</div><div><img src="http://lh6.ggpht.com/_NZJzdRm10Y0/TUbb5fPOLkI/AAAAAAAAAdY/N3W02t8XtSI/marcadores29.gif" /> Meta: SUA META DE SEGUIDORES E DE VISITAS</div><div><img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbdOulD-AI/AAAAAAAAAeM/n4Za6DKW5_8/marcadores73.gif" /> Visitantes online:<script type="text/javascript" src="http://www.usuarios-online.com/usuarios.php?v=http://URL DO SEU BLOG"></script></div></div>
Depois é só salvar!
Então é isso,um tutorial que eu mesma fiz.Espero que tenham gostado dos estilos de "Status",os créditos do primeiro código é do Cherry Bomb e o outro é de autoria do Cantinho Backgrounds!
                                                                            Kissers Vih :)

2 comentários:

✿ Vips ♥ disse...

Achei lindo!

Cláudia Cassoma disse...

Fiz algumas alterações e já usei no meu blog. Obrigada.