Hoje vou ensinar como colocar codigos HTML nas postagens do blogger, e um tutorial bem simples que pode ser muito util para compartilhar Gadgets, banners em e muitas coisas mais; neste tutorial voce vai aprender formas bem simples de criar essas caixas de texto. Vou mostrar 3 formas que deram bastante certo comigo:1o Atraves do BlockquotO blockquote e muito usado para citar frases, ou destacar pedacos de textos, pode ser usado tambem como caixa de texto html.Este e p codigo:<blockquote>(Deus)... nunca perturba a alegria dos seus filhos se nao for para lhes preparar uma mais certa e maior.Alessandro Manzoni</blockquote>Exemplo da caixa:(Deus)... nunca perturba a alegria dos seus filhos se nao for para lhes preparar uma mais certa e maior.Alessandro Manzoni 2o Atraves de uma caixa de texto como esta:ESCREVA AQUI O SEU TEXTOEste e o codigo:<textarea cols="57" rows="2" style="background-color: white; color: black;">ESCREVA AQUI O SEU TEXTO</textarea>Campos que voce podera personalizar:A largura, aumentando o numero de colunas em: cols="57" A altura, aumentando a quantidade de linhas em: rows="2"A cor do plano de fundo em: background-color: whiteA cor da borda e do texto dentro da caixa em: color: blackVeja esta caixa alterada de acordo com o codigo abaixo:<textarea cols="70" rows="5" style="background-color: beige; color: blue;">ESCREVA AQUI O SEU TEXTO</textarea>ESCREVA AQUI O SEU TEXTO 3o Atraves de uma caixa de texto com foto no plano de fundoEste e o codigo:<br /><blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://www.whitegadget.com/attachments/pc-wallpapers/130362d1359002421-background-image-background-image-photos-1024x768.jpg);background-origin: initial; background-repeat: repeat repeat; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 2px;border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 2px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;letter-spacing: 1px; line-height: 1.4em; margin-bottom: 0px; margin-left: 30px; margin-right: 0px; margin-top: 0px; max-height: 200px; overflow-x: auto; overflow-y: auto; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; text-align: justify; white-space: nowrap;"><div style="text-align: left;"><div>Digite o Seu testo Aqui</div></div></blockquote>A caixa ficara assim:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices, ligula et iaculis dignissim, ipsum libero rutrum diam, et adipiscing quam velit in enim. Duis aliquet fermentum dolor, vitae interdum dui aliquet quis. Nullam congue.O link em negrito entre parentesis e o URL da imagem que usamos nesta caixa: http://www.whitegadget.com/attachments/pc-wallpapers/130362d1359002421-background-image-background-image-photos-1024x768.jpgUsamos um Lorem Ipsum apenas para mostrar o comportamento da caixa com um texto maior.Como inserir o codigo HTML nas postagens do blogger?Gostou do tutorial? Deixe um recadinho e um link para vermos como ficou no seu blog! Ficaremos muito contentes de saber que ajudamos a melhorar o seu blog! Tutorial bem simples para evitar a desagradavel surpresa de encontrar algum post plagiado por completo pela internet.Eu gosto muito deste codigo porque eu nao preciso inseri-lo no modelo, e possivel usa-lo a partir da edicao de html na propria pagina de postagem do blog.Passo a Passo:1o. Na edicao em HTML coloque o codigo abaixo antes de tudo:<div onselectstart='return false' ondragstart='return false' oncontextmenu='return false'>2o. Em seguida volte ao modo de Escrever e edite seu post normalmente, ao terminar de editar sua postagem volte a edicao de HTML e depois de tudo coloque a tag </div>