TUTORIAl |Colocando Redes Sociais no blog

Oi Oi Oi ! 

Tem Vídeo novo no canal e o tema é  Tutorial !

Nele eu ensino a como colocar imagens de redes sociais no blog.
& também o link de CURTIR A FAN PAGE .

Irei soltar aqui também os códigos necessários para fazer as alterações.
Recomendo que editem tudo no word ou bloco de notas antes de colar o Html.


Aqui são algumas imagens para copiar a URL delas e só clicar com o botão direito e ir até copiar URL da imagem.

 Aqui é o código para as redes Sociais :)  
<table style="text-align: left; width: 200px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="text-align: left;" valign="undefined"><a href="Link AQUI DA PAGINA"><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="LINK DA IMAGEM AQUI" title="Facebook" /></img style="border:></a href="http:></td> <td style="text-align: left;" valign="undefined"><a href="SEU LINK AQUI "><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="LINK DA IMAGEM" title="Instagram" /></img style="border:></a href="http://www.instagram.com></td> <td style="text-align: left;" valign="undefined"><a href="SEU LINK AQUI "><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="LiNK DA IMAGEM" title="Youtube" /></img style="border:></a href="http:></td> </tr> </tbody> </table>


E Aqui o codigo para Colocar o curtir a fan page na guia inicial.
<script src="https://sites.google.com/site/tdevdev/dev2/floating-likebox.js" type="text/javascript"></script> <div id="fbslidebox" style="position: fixed; width: 300px; overflow: hidden; bottom: 5px; left: 5px; background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHlUV2xdhFC11aWlUyjpIJ1r9qskUnynfvKUs352R7o5BKQEXHZJwfDnee_Bzft4EQ5vbgqMnUaNFZOpShqqoM2y7kerSVf0yvT-KwE_sELhCIgbxfkDLtenQU7ZcUot0UbIHvA84hUc/s0/pattern.png); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border: 1px solid #222; display: block;"> <div style="width: 300px; padding: 2px; margin: 0pt auto; overflow: hidden;"><div style="color: orange; font-family: "Trebuchet MS",sans-serif; text-align: left;"></div> <div style=" float:left;margin-right:10px;" > <a href="http://www.prodeveloper.com.br/2013/10/nova-versao-popup-com-likebox-do.html" target='_blank'><img width='19' alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxRVPWa8DWNTZaCwu7P4v4yTtB8SNtsS6hJRLkivbITfshdbbnMxSPZnNDl7Hgq_9703RjfIujTLdguzdTHH825j0MNTCglfCDTqEdyqUxuLbhHJ2VrcpgWuoeu_fNthfwwtLzmISj-4u/s1600/Question-mark-icon.png'/></a></div> <b><span style="font-size: 12px; color:#666; padding: 0pt 2px;">Curta nossa Fanpage span></b><a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 0px solid #000; text-decoration: none; font-size: 11px; font-family: Agency FB,Geneva,sans-serif;" href="#"><img width='20' alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnAHXXpEd4gDvyJzUU99yPaC9fAGbsjVt6PjUD6HTYL_nvnvf7_WZkJ9AAwjoIrPGLA1A-zZAYnmFErifAIIRCp9i63PrkJECVsT0bdsIyb2drG9E-lp7V1gmRToo2TB_8j-7lyJFdvr0/s1600/Button-exit-icon.png'/></a> <iframe allowtransparency='false' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=LINK AQUI&width=294&colorscheme=dark&show_faces=true&border_color=%23000000&stream=false&header=false&height=255' style='background:trasparent;border:1px solid #222; overflow:hidden; width:294px; height:255px;'/></iframe> </div></div>


E o VÍDEO EXPLICATIVO :)

Espero que gostem :)
& se gostarem não se esqueçam de comentar !