domingo, 1 de junho de 2014

[TUTORIAL]Como codificar e usar no blog Icon Center

You said you loved me. I said I loved you back♫♫♫
Vim trazer um tutorial pedido por Amanda. O tutorial é sobre como codificar e usar no blog um Icon Center. Gente, digo-vos logo de início que é mega fácil codificar um Icon Center. Abra as imagens em outra guia para poderem visualizar melhor. Quer aprender?



A primeira coisa que você deve fazer é ter seu Icon Center pronta. Como essa aqui. Depois é só você escolher qual código irá usar... Eu recomendo todos, pois eles são semelhantemente bons e iguais! Depois que você tiver seu Icon Center e seus icons prontos você deve fazer um upload da imagem da sua Icon Center, recomendo que você faça-o aqui. Já fez o upload? Ótimo, agora crie um blog com o nome de "Icon Center do blog Jealous Varied(exemplo)". Depois de ter criado o blog vá em Modelo>Editar HTML. Apague todo o código que lá está escrito e cole o código que vai usar para o Icon Center, encontre códigos aqui. Já colou? Perfeito, agora procure no Ctrl+F por body, encontrou um código parecido com esse?:


Na imagem acima o link que está em sublinhado vocês substituirão pelo link do upload que fez, como oque eu pedi que fizessem lá no começo do tutorial. Colaram? Calma que ainda não acabou. Pro fundo do Icon Center ficar completo é necessário que você coloque o código da cor do fundo para que tudo fique igualado, ou seja, para que o fundo que no momento está preto torne-se da cor do seu Icon center. Para obter o código de uma cor basta usar a ferramenta contador de gotas e pegar o código da cor! O código da cor você colocará no lugar do código que está sublinhado:


Aquele #FFF; que está na imagem é o código da cor da fonte do Icon Center. Podes mudar se quiseres. Os icons você também fará upload. Agora os links deles você colocará no lugar destes sublinhados, ou seja, apague oque está ali e coloque os seus links:


Podes ver que eu sublinhei dois links, mas você apagará um e substituirá por outro sucessivamente. Verás que os links que estão ali são todos de icons, podes abrir para confirmar. Já terminaram de colocar vossos links? Salvem e visualizem que poderão ver seu Icon Center completo.

Alguma dúvida? Pergunta? Os comentários servem para isso. Esse foi apenas um tutorial em resumido, se eu deixei faltar algo me avisem por favor. Kisses ;*

Nenhum comentário:

Postar um comentário