Resposta sobre meu HTML

Anadir Pedro de Assis · Escola Estadual Joao XXIII

Oi, boa tarde, eu fiz o html, deu tudo certo.Mas como posso usálo?Eu posso fazer layouts e templates com ele?

Responder · Curtir · Seguir publicação · há 19 horas

• 

  Frank Zeffi · Seguir · Administração na empresa Frankzeffi

  Claro que pode, lembre apenas que você criou o código de uma página completa pronta para subir para o servidor, ou seja, você pode editá-la a partir dela vários sub-titulos e parágrafos dentro do body. No css você pode mudar cores de texto, fundo e bordas, assim como alterar tipo de fontes e tamanhos. Concluindo, você pode aliminar tags e acrescentar outras, como por exemplo: marquees, imagem, etc.
  Veja tags que pode ser adicionada à sua página:
  http://www.novidades100.com.br/dicas/tabela-de-cores.html
  http://www.novidades100.com.br/dicas/atributos-principais-de-uma-div.html
  http://www.novidades100.com.br/dicas/iframes.html
  http://www.novidades100.com.br/dicas/dica-html-marquee.html
  http://www.novidades100.com.br/dicas/criar-tables-html.html

  Responder · Curtir · há 16 horas

LinkWithin personalizado

 Este  código voce encontra no blog:http://isjackiezzdream.blogspot.com.br

este e muitos outros tutoriais que vocccccccccccccccce gostará para personalizar seu blog.Não retie o crédito,e deixe seu comentário.Bjosssssssss

 *******************************************************

O recurso de postagens relacionadas é muito fácil de colocar no blog e ele permite que os seus leitores tenha mais facilidade na hora de navegar pelo seu site , dependendo do caso o número de visitas pode até aumentar! 

Aqui no JD eu uso o gadget do linkwithin, mas o personalizei usando esse tutorial www. O código pra deixar a ''postagem relacionada'' redondinha é o mesmo, e eu até ensinei pra algumas leitoras como editar o código e deixar as imagens redondas. Detalhe ensinei por comentário mesmo (risos).   

Mãããs como demanda de pedidos aumentou é mais fácil já fazer um post mantando a curiosidade de vocês né?

1 - Antes de tudo você precisa ter o gadget do linkwithin instalado no seu blog ok? (clique aqui e saiba como).

2 - Agora vá no seu HTML e cole o código abaixo ANTES de  ]]></b:skin>

/* LinkWithin personalizado

----------------------------------------------- */

.linkwithin_div {

background: #FFA500; /* Cor de fundo */

padding: 0 10px;

}

.linkwithin_text {

font-size:22px; /* Tamanho do título do gadget */

color:#FFAEB9; /* Cor do título do gadget */

font-family: 'Sofia', cursive; !important;

}

a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {

display:none; /* Com isto eliminamos o link */

}

.linkwithin_posts {

width: 564px !important; /* Tamanho do gadget */

}

.linkwithin_posts a {

border: 0 !important;

padding-right: 29px !important;

}

.linkwithin_posts a:hover {

background: #FFFACD !important; /* Cor de fundo ao passar o cursor */

-webkit-border-radius: 50px !important;

-moz-border-radius: 50px;

border-radius: 50px;

}

.linkwithin_img_0 div, div.linkwithin_img_0,

.linkwithin_img_1 div, div.linkwithin_img_1,

.linkwithin_img_2 div, div.linkwithin_img_2,

.linkwithin_img_3 div, div.linkwithin_img_3,

.linkwithin_img_4 div, div.linkwithin_img_4,

.linkwithin_img_5 div, div.linkwithin_img_5,

.linkwithin_img_6 div, div.linkwithin_img_6,

.linkwithin_img_7 div, div.linkwithin_img_7,

.linkwithin_img_8 div, div.linkwithin_img_8,

.linkwithin_img_9 div, div.linkwithin_img_9,

.linkwithin_img_10 div, div.linkwithin_img_10,

.linkwithin_img_11 div, div.linkwithin_img_11,

.linkwithin_img_12 div, div.linkwithin_img_12,

.linkwithin_img_13 div, div.linkwithin_img_13,

.linkwithin_img_14 div, div.linkwithin_img_14,

.linkwithin_img_15 div, div.linkwithin_img_15,

.linkwithin_img_16 div, div.linkwithin_img_16,

.linkwithin_img_17 div, div.linkwithin_img_17,

.linkwithin_img_18 div, div.linkwithin_img_18,

.linkwithin_img_19 div, div.linkwithin_img_19,

.linkwithin_img_20 div, div.linkwithin_img_20 { /* Bordas redondeadas */

-webkit-border-radius: 50px !important;

-moz-border-radius: 50px;

border-radius: 50px;

border-style: dashed !important;

}

.linkwithin_title {

color: #8B8989 !important; /* Cor dos títulos das postagens */

font-family: 'Sofia', cursive; !important; /* Tipo de fonte dos títulos das postagens */

font-size: 12px !important; /* Tamanho dos títulos das postagens */

line-height: 12px !important;

text-align:center;

text-decoration: none;

}

.linkwithin_title:hover {

color: #FF1493 !important; /* Cor dos títulos ao passar o cursor */

font-weight: bold !important;

}