Tutorial Como Fazer Banner Para Blog

Hoje Trago Para Vocês Um Video ( Feito Por Min ) De Como Criar banner Para Blogs 1 

Quer Conferir ? Então da O Play !

Pngs :

Fundo Branco : 

Beijos Espero que Tenha Entendido o Tutorial ♥

Como Por VOLTE AO TOPO

 código:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div> 

( Onde Esta Link Da Imagem vc apaga e cola o Link De Sua Imagem ) 

   

Titorial , Como por Mouse Personalizado

Meu Tutorial , Inscrevan-se No Meu Canal No Youtube : 

~~~~~~~~~~~~~~~~~~~~~Disponibilizei Alguns Cursores~~~~~~~~~~~~~~~~~~
Codigo :   <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat991.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/angel-wing-heart.html" target="_blank" title="Angel Wing Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

codigo :   <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-2/foo122.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2006/05/03/foo122.html" target="_blank" title="Birthday Cake"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Birthday Cake" style="position:absolute; top: 0px; right: 0px;" /></a>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codigo :  <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth639.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/07/black-moustache.html" target="_blank" title="Black Moustache"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Black Moustache" style="position:absolute; top: 0px; right: 0px;" /></a>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codigo :  <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth644.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/19/red-hand-blue-bow-heart.html" target="_blank" title="Faded Red Hand Blue Bow Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Faded Red Hand Blue Bow Heart" style="position:absolute; top: 0px; right: 0px;" /></a>


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codigo :   <style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/others/oth-9/oth837.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/04/30/cute-green-pencil.html" target="_blank" title="Cute Green Pencil"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Green Pencil" style="position:absolute; top: 0px; right: 0px;" /></a>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Codigo :  <style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1087.ani), url(http://ani.cursors-4u.net/cursors/cur-11/cur1087.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-working-in-background.html" target="_blank" title="S Pink Premium - Working In Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium - Working In Background" style="position:absolute; top: 0px; right: 0px;" /></a>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codigo :  <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth801.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/red-bow-tie-6.html" target="_blank" title="Red Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>

Tutorial Como Por Câmera De Vigilância +msn + skype

O que você acha de ter em seu blog uma câmera de vigilância simbolizando que você está de olho no plágio? Ou então ter um botão ou widget do skype ou msn? Seus leitores vão achar bem interessante ter uma filmadora no seu blog, eles também podem ver seu status (online ou offline) em tempo real quando entrarem em seu blog.

   Os dois tutoriais são bem simples e mais fáceis do que você imagina, vale a pena dar uma conferida:

Câmera De Vigilância

Para instalar a filmadora no seu blog, basta ir em layout, depois em adicionar gadget, escolha o gadget HTML/javascript, e cole o seguinte código:

<div style="text-align: center;"><a href=" http://docefuturo.blogspot.com.br/2012/09/tutoriais-camera-de-vigilancia-skype-e.html " _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" _fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" alt="" /></a></div>

Depois é só salvar e conferir se deu tudo certo;

Skype & Msn

Para colocar o botão do skype, clique aqui, coloque seu nome de usuário, em enter your skype name, escolha um dos botões disponíveis e copie o código fornecido; Entre no Blogger, clique em design>elementos de página>adicionar gadget. Escolha o gadget HTML/javascript, cole o código do skype e salve.

Para colocar um botão do msn, ou um mini-chat, clique aqui e faça login no Windows Live. Em página inicial, marque a caixa que aparece, logo em seguida, aperte em criar HTML, abaixo de casa. Escolha uma das opções e copie o código que estará mais abaixo;
Entre no Blogger, clique em design>elementos de página> adicionar gadget. Escolha o gadgetHTML/javascript, cole o código do msn e salve.


Beijosss