Ajuda
Sempre fui fascinado pelas
redes sociais e seus templates, tanto que meu primeiro blog, Cantinho da
Saudade (http://www.jaimeadilton.com.br)
tem o aspecto do Orkut clássico. Quando me ocorreu criar outros blogs, tratei
de pesquisar os templates que já haviam sido feitos para blogs inspirados no
Facebook. Encontrei vários modelos, mas nenhum deles me interessou diretamente,
pois muitos nem de longe lembravam a rede social em questão. Foi aí que tive a ideia de mesclar os dados mais relevantes desses templates pesquisados e criar meu próprio template e o chamei de Faceblog Classic v1.0 por entender que seu design é o que mais se aproxima do conceito de Facebook. É o design de modelo mais
complicado que eu já criei. Levei alguns meses para dar-lhe a aparência que
tem, mas valeu a pena, pois tenho a sensação que, de pronto, ter-se-á a sensação
de se estar realmente no Facebook tal é sua semelhança. Todo aspecto deste template
é uma verdadeira obra de arte que pode ser personalizada seguindo a cartilha
desta Ajuda.
Após proceder a instalação do template Faceblog Classic v1.0 em seu blog vá para "Modelo", clique em "Editar Modelo" e faça as modificações necessárias a seguir:
Espero que minhas explicações
sejam o suficientemente claras sobre o que se deve fazer para que este modelo
seja personalizado. Há uma série de detalhes e áreas que necessitam ser tratados
nesta seção. Logo abaixo discuto o passo-a-passo para completar a aparência
geral do seu novo template tornando-o idêntico a esta Live Demo.
Após proceder a instalação do template Faceblog Classic v1.0 em seu blog vá para "Modelo", clique em "Editar Modelo" e faça as modificações necessárias a seguir:
EDITAR MODELO:
1. Clique Crtl + F e procure por http://www.adamirfreire.com.br, substituindo as 14 entradas dessa url pelas 14 entradas correspondentes à url do seu site.
2. Em seguida procure por <input id='search-text e faça os ajustes que julgar necessário. Aqui se trata da clássica caixa de pesquisa que, no Facebook é 'Pesquise locais, pessoas e coisas'. Uma sugestão seria 'Faça sua pesquisa aqui'. Aqui neste modelo, entretanto, optei pelo título do site e sua descrição suscinta. Exemplo:
3. Agora, procure por profile/ e insira, após a barra, os 20 números correspondentes à url do seu perfil. Proceda aqui, também, às demais modificações necessárias, conforme o exemplo:
4. Depois, procure por blogID, e, entre os sinais = e # insira os 19 números que compõem sua ID no blogger. Faça isso em três lugares distintos, consoante o exemplo:
5. No 5º passo marque a caixa Expandir modelos de widgets e procure por <img alt='gravatar', substituindo o url do modelo por uma url idêntica à do passo 3 só que no tamanho 100px100px.
6. Finalmente, procure por Adamir Freire da Trindade e substitua pelo seu próprio nome. Os demais dados devem permanecer inalterados. Salve e sai de "Editar Modelo".
*********
Agora, prosseguindo com as modificações para personalizar seu site, vamos para "Layout" inserir nos dados nos 12 widgets da sidebar esquerda:
LAYOUT DE PÁGINA:
SIDEBAR ESQUERDA
1. Primeiro, você vai inserir a foto do seu perfil, semelhante a do facebook. Você vai inserir no HTML/JavaScript o código abaixo com as devidas modificações.
2. A seguir você vai inserir o código imediatamente abaixo para o widget Favoritos efetuando as modificações necessárias:
3. Agora, você vai repetir o passo anterior para o widget Páginas.
4.O mesmo procedimento também deverá ser feito no widget Redes Sociais.
5. O código HTML/JavaScript do widget Entretenimento, deverá ficar assim, ressalvadas as devidas modificações:
6. Neste passo aqui se insere o Widget padrão do blogger Seguidores e divulga-se bastante nas redes sociais e em outros blogs para que os seguidores realmente apareçam.
7. Este widget padrão Links para inscrição é um feed para que nossos seguidores recebam sempre nossas novidades.
8. O widget HTML/JavaScript Estatísticas deverá ficar assim:
9. Este é mais um widget padrão Postagens populares e deve ser personalizado conforme seu gosto.
10. Sempre que julgar necessário pesquisar o cunho vernáculo de um vocábulo esse widget Dicionário poderá auxiliá-lo:
11. Para o widget Países Visitantes com Bandeiras você deve primeiro acessar o site http://s04.flagcounter.com/more/WoXN/, criar o código e inserir no HTML/JavaScript correspondente:
12. Para o widget Visitantes On Line você deve primeiro acessar o site http://www.revolvermaps.com/, criar o código e inserir no HTML/JavaScript correspondente.
SIDEBAR CENTRAL
1. Favicon: Utilizar uma imagem quadrada que tenha menos de 100 KB.
2. Cabeçalho: Título e Descrição do blog substituídos por uma imagem png, no formato 540x315, que sintetize a temática do site.
3. Postagens no blog: widget padrão do blogger.
4. Botão de compartilhamento do Google +, widget padrão a ser inserido se você desejar compartilhar suas postagens no Google +!.
SIDEBAR DIREITA
1. Widget Texto. Aqui se escreve um texto de apresentação, contendo título, nome do site, destacando-se os objetivos e finalidades deste.
2. Widget texto. O texto alheio, nests widget é alheio e traz título, bem como aborda a temática gral do site.
3. Widget padrão Arquivos do blog.
4. Widget padrão Visualizações de páginas.
5. Widget padrão Seguidores do Google +.
6. Widget padrão Google tradutor:
7. Widget padrão Hora local.
8. Widget padrão Calendário:
9. Widget padrão Blogroll
10. Widgt padrão Previsão do tempo
