Saiba : "Como Mudar a Cor do Plano de fundo da Postagem do Blog pelo HTML."

A importância da segurança em Redes WIRELESS

A importância da segurança em   Redes WIRELESS

Foto disponível em: http://www.pinterest.com/pin/110127153357881139/

ARTIGO POR COLUNISTA PORTAL - INFORMÁTICA E TECNOLOGIA -

Com a popularização de notebooks, smartphones, tablets entre outros dispositivos portáteis a internet wireless, isto é, o acesso a internet sem fio se popularizou, através de um roteador é possível acessar a rede com uma alcance estabelecido pela potência do roteador. é importante que ao configurar uma rede wireless a pessoa tenha alguns cuidados que evitem a invasão dessa rede por terceiros.

Entre as opções de segurança de rede sem fio podemos citar a WPA (Wi-Fi Protected Access) e WPA2, onde as configurações de autenticação se baseiam em uma chave pré-compartilhada (PSK) onde cada usuário recebe uma senha idêntica à dos demais integrantes da rede. 

O Wired Equivalent Privacy (WEP) é um sistema de segurança relativamente antigo que configura uma chave de segurança de rede, a chave criptografa as informações que um computador envia para outro computador pela rede. Esse sistema de segurança, no entanto já não é mais recomendado devido à sua facilidade de violação. Existe ainda o método de autenticação 802.1X esse método garante a segurança de redes sem fio 802.11 e redes Ethernet com fio, utilizado geralmente em redes locais.

Essas configurações de segurança evitam que a rede seja utilizada de maneira inadvertida por terceiros, evitando assim a diminuição da velocidade de tráfego e a suscetibilidade dos dispositivos à invasões.

fonte:  
portaleducacao

Aprenda com é feito:..."Galeria de imagens no Blogger"

Galeria de imagens no Blogger

" Faça uma galeria de imagens 

 

para colocar em 

 

seu 

 

blog."

DEMO

 

 

"  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI"

 

 

Vá até o HTML de seu blog e procure por :


]]></b:skin>

 

"Acima dele cole o código 

 

abaixo"

/* Gallery styles-------------------------------------- */

#gallery{
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border:1px solid white;
background:#FEDEEF;/*cor de fundo do slide menor*/
width:540px;
margin: 2px 3px 1px 8px;
border: 2px dotted #F672B6;
overflow:hidden;
}
#slides{
height:350px;
width:920px;
overflow:hidden;
}
.slide{
float:left;
}
#menu{
height:60px;
}
ul#gal{
margin:0px;
padding:0px;
}
#gal li{
width:57px;
display:inline-block;
list-style:none;
height:55px;
overflow:hidden;
}
#gal li.inact:hover{
background:transparent;
}
#gal li.act,li.act:hover{
background:#FEDEEF;
}
#gal li.act a{
cursor:default;
}
.fbar{
width:2px;
background:transparent;
}
#gal li a{
display:block;
background:#F672B6;/*cor cima menu pequeno*/
height:35px;
padding-top:10px;
}
.a img{border:none;}

..."abaixo de...

]]></b:skin>

 

Cole o seguinte código:

<!-- slide-->

<!--[if lte IE 7]>
<style type="text/css">
ul li{
    display:inline;
    /*float:left;*/
}
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
    /* This code is executed after the DOM has been completely loaded */
  
    var totWidth=0;
    var positions = new Array();
   
    $('#slides .slide').each(function(i){
       
        /* Traverse through all the slides and store their accumulative widths in totWidth */
       
        positions[i]= totWidth;
        totWidth += $(this).width();
       
        /* The positions array contains each slide's commulutative offset from the left part of the container */
       
        if(!$(this).width())
        {
            alert("Please, fill in width & height for all your images!");
            return false;
        }
       
    });
   
    $('#slides').width(totWidth);

    /* Change the cotnainer div's width to the exact width of all the slides combined */

    $('#menu ul li a').click(function(e){

            /* On a thumbnail click */

            $('li.menuItem').removeClass('act').addClass('inact');
            $(this).parent().addClass('act');
           
            var pos = $(this).parent().prevAll('.menuItem').length;
           
            $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
            /* Start the sliding animation */
           
            e.preventDefault();
            /* Prevent the default action of the link */
    });
   
    $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
    /* On page load, mark the first thumbnail as active */
   
});
//]]>
</script>

..." cole abaixo de :

<div id='main-wrapper'>

Este próximo código,

 

fazendo a modificação pelas suas imagens. 

 

(REPITA A IMAGEM CONFORME MOSTRA O 

 

CÓDIGO)

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- TROQUE ABAIXO O ENDEREÇO PELO DE SUAS FOTOS -->

<div id='contentWrapperPortfolio'><div id='gallery'><div id='slides'>
  
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 1' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 2' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 3' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 4' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 5' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 6' width='702'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 7' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 8' width='572'/></div>
<div class='slide'><img alt='side' height='469' src='ENDEREÇO DA IMAGEM 9' width='572'/></div>
 
    
</div><div id='menu'><ul id='gal'>

<!-- TROQUE ABAIXO O ENDEREÇO PELO DE SUAS FOTOS MENORES -->
         
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 1' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 2' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 3' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 4' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 5' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 6' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 7' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 8' width='70px'/></a></li>
<li class='menuItem'><a href=''><img alt='thumbnail' src='ENDEREÇO DA IMAGEM 9' width='70px'/></a></li>

        <li class='fbar'/>
        </ul>
</div>
</div>
</div>
</b:if>
</b:if>

fonte e créditos:                                                                      

Templates & Acessórios

fone e créditos:
http://www.wptotal.com/como-mostrar-mensagem-automatica-wordpress/

Como Mostrar uma Mensagem Automática num Determinado dia do Ano

Comentários

TwitterFacebookdiHITTDiga Cultura

• 
  
•  Share
• Email

• 
  
• Share 
• 0
• Email

Esta semana o website wprecipes publicou uma dica que pode ser muito útil para todos os que têm sites em WordPress. O que este pequeno código faz é mostrar uma mensagem aos seus visitantes apenas num determinado dia do ano. Pode ser utilizado para dar informações aos seus visitantes, por exemplo, no natal ou em algum concurso que faça.
A sua utilização é simples: Você apenas tem que copiar o código em baixo e colar numa parte do seu tema (na página inicial ou na lateral, por exemplo).

<?php
if ((date('m') == 12) && (date('d') == 25)) { ?>
    a sua mensagem aqui
<?php } ?>

"Para configurar a data, 
substitua o  
“12″ pelo mês do ano 
e o 
“25″ pelo dia desse mês. 

Já a mensagem fica onde actualmente diz “a sua mensagem aqui”. 

"Para os utilizadores mais avançados, podem personalizar a mensagem com css para que fique bem no tema!"

TwitterFacebookdiHITTDiga Cultura

 

Veja Também:

http://dicasvaliosas.blogspot.com