SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Tutorial




Funcionamento do Painel de
Edição de Artigos (com JSeBlod)

Inclusão ou Edição de Artigos
1) Login

Acesse a Área Administrativa do seu site


  www.seusite.com.br/administrator


  Digite seu login e senha
2) Seleção da Área de Artigos

No Painel de Controle clique em Administrar Artigo
3) Seleção de Artigos - edição
Encontre o conteúdo que deseja na caixa de busca, ou filtrando por seção e
categoria. Caso queira criar um novo artigo, basta clicar no botão Novo e seguir as
instruções a seguir.
4) Seção/categoria e publicação



                             Título, apelido, publicação
                             Título – é o nome que estará no topo do
                             conteúdo.
                             Apelido – linha de identificação na
                             extensão do endereço no Browser.
                             Importantíssimo para indexação no Google
                             Publicação - determina se o artigo está no
                             ar ou somente na área administrativa.



                               Seção e Categoria
                               Escolha a seção e categoria de destino
                               do artigo, dentre as que já estão pré-
                               definidas



                              Exibir na página inicial
                              Utiliza-se desta opção quando se
                              utiliza por exemplo um blog.




                              Edição do texto
                              Clique nesta área para editar o texto
                              do artigo e acompanhe as instruções
                              do próximo slide.
5) Formatação de textos e caracteres


                                    Formatação de texto
                                    Nesta área superior é possível formatar
                                    o alinhamento e os caracteres.




                                                                              Aplicar
                                                                              Ao término da edição, clique
                                 Paragraph                                    em Aplicar.
                                 Esta área serve para definir os
                                 formatos de destaques dos títulos
                                 do artigo.

                                 A forma como o texto se apresenta
                                 nesta área de edição não
                                 corresponde exatamente à sua
                                 apresentação final.
                                 Os padrões já são pre-definidos
                                 conforme os utilizados no site.

  Imagem                         Styles: não há necessidade de
  Para inserir uma imagem,       alteração.
  clique neste botão e siga as
  instruções do próximo slide
6) Inclusão de imagem




                                        3
                        1


                    2
                            Imagem:
                            Selecione a pasta de destino (1), envie a
                            imagem para o site através do botão Escolher
                            Arquivo (2), selecione-o e clique em Inserir (3).

                            A imagem já deve estar no tamanho correto,
                            salvo para web, em png, jpg ou gif)
7) Inclusão de Links




                                                Link URL
                                                Insira a URL de destino, iniciando
                                                com http://

                                                Target: colocar como new window
                                                para abrir em uma nova janela do
                                                navegador ou same window para
                                                manter o link na mesma aba do
   Link no texto                                navegador. Este último caso
   Para inserir um link em uma palavra ou       geralmente se aplica quando o link
   expressão do texto, basta selecionar o       é para uma página do próprio site.
   texto desejado, clicar no ícone (corrente)
   apontado e preencher os campos ao lado.
8) Otimização dos dados para buscadores

Terminando as alterações necessárias, clique em salvar.




                                   Descrição
                                   Clique em Metadata Information para abrir
                                   esta tela de edição.




                                                       Descrição
                                                       A Descrição é a forma como o Google vai
                                                       descrever esta página específicamente.




                                                         Keywords
                                                         Neste espaço, insira as palavras-chave
                                                         relacionado ao artigo para identifcação
                                                         dos buscadores. A inclusão destas
                                                         palavras é essencial para colaborar na
                                                         otimização das buscas. As palavras
                                                         devem ser separadas por vírgulas
Importante



 Antes de enviar qualquer texto para o site é necessário
 colar este no Bloco de Notas e só então copiar do
 Bloco de Notas e colar no editor de texto, caso
 contrário o texto aparecerá desconfigurado.

 Em Web, esta é uma operação fundamental para deixar o texto limpo,
 sem códigos de formatação anteriores.


 Para abrir o bloco de notas no Windows:

 Menu Iniciar > Todos os Programas > Acessórios > Bloco de Notas
www.bulecomunicacao.com.br

Contenu connexe

Tendances (20)

Wordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorWordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do Publicador
 
Guia basico -blogger-interface_atualizado
Guia basico -blogger-interface_atualizadoGuia basico -blogger-interface_atualizado
Guia basico -blogger-interface_atualizado
 
Aula 03
Aula 03Aula 03
Aula 03
 
Versao 33036
Versao 33036Versao 33036
Versao 33036
 
Versão 33036
Versão 33036Versão 33036
Versão 33036
 
1. manual portal padrao
1. manual portal padrao1. manual portal padrao
1. manual portal padrao
 
1. manual portal_padra_yo
1. manual portal_padra_yo1. manual portal_padra_yo
1. manual portal_padra_yo
 
Html capitulo 07
Html   capitulo 07Html   capitulo 07
Html capitulo 07
 
ASP.NET - Aparência do WebSite
ASP.NET - Aparência do WebSiteASP.NET - Aparência do WebSite
ASP.NET - Aparência do WebSite
 
WordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorWordPress 2.9: Manual do Editor
WordPress 2.9: Manual do Editor
 
Dicas de seo
Dicas de seoDicas de seo
Dicas de seo
 
Html 02
Html 02Html 02
Html 02
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
 
Aula 06
Aula 06Aula 06
Aula 06
 
Manual WordPress 2.7
Manual WordPress 2.7Manual WordPress 2.7
Manual WordPress 2.7
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula 09
Aula 09Aula 09
Aula 09
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Annotation Span Para Estilização de Texto no Android
Annotation Span Para Estilização de Texto no AndroidAnnotation Span Para Estilização de Texto no Android
Annotation Span Para Estilização de Texto no Android
 
Casa de Ferreiro, Espeto de Pau - Erros de SEO do Google
Casa de Ferreiro, Espeto de Pau - Erros de SEO do GoogleCasa de Ferreiro, Espeto de Pau - Erros de SEO do Google
Casa de Ferreiro, Espeto de Pau - Erros de SEO do Google
 

Similaire à Funcionamento do Painel de Edição de Artigos

Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2Vanessa Crecci
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2neysans
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Diego Lopes
 
manual_worpdress_1.pdf
manual_worpdress_1.pdfmanual_worpdress_1.pdf
manual_worpdress_1.pdfasastm2015
 
Layout do blog
Layout do blogLayout do blog
Layout do blogsjcproinfo
 
Blogger per1
Blogger per1Blogger per1
Blogger per1cmoper
 
Manual tgm
Manual tgmManual tgm
Manual tgmRogerio
 
Tutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaTutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaBule Comunicação
 

Similaire à Funcionamento do Painel de Edição de Artigos (20)

Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2
 
Guia Layout
Guia LayoutGuia Layout
Guia Layout
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2
 
aula 02 - WordPress
aula 02 - WordPressaula 02 - WordPress
aula 02 - WordPress
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2Wordpress manual-2-9-editor-v2
Wordpress manual-2-9-editor-v2
 
Blogger rapido
Blogger rapidoBlogger rapido
Blogger rapido
 
aula 03 - WordPress
aula 03 - WordPressaula 03 - WordPress
aula 03 - WordPress
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
manual_worpdress_1.pdf
manual_worpdress_1.pdfmanual_worpdress_1.pdf
manual_worpdress_1.pdf
 
Webnode
WebnodeWebnode
Webnode
 
Apostila nvu cobra1-1.0
Apostila nvu cobra1-1.0Apostila nvu cobra1-1.0
Apostila nvu cobra1-1.0
 
Manual web site
Manual web siteManual web site
Manual web site
 
Layout do blog
Layout do blogLayout do blog
Layout do blog
 
Como postar no Blogger?
Como postar no Blogger?Como postar no Blogger?
Como postar no Blogger?
 
426 curso html
426 curso html426 curso html
426 curso html
 
Blogger per1
Blogger per1Blogger per1
Blogger per1
 
Manual tgm
Manual tgmManual tgm
Manual tgm
 
Tutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaTutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - Joomla
 

Plus de Bule Comunicação

Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12
Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12
Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12Bule Comunicação
 
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoJoomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoBule Comunicação
 
Palestra - Nadir Alves - Joomla Day
Palestra - Nadir Alves - Joomla DayPalestra - Nadir Alves - Joomla Day
Palestra - Nadir Alves - Joomla DayBule Comunicação
 
Solucoes digitais para imobiliarias
Solucoes digitais para imobiliariasSolucoes digitais para imobiliarias
Solucoes digitais para imobiliariasBule Comunicação
 
E-commerce Bule Comunicacao -
E-commerce Bule Comunicacao - E-commerce Bule Comunicacao -
E-commerce Bule Comunicacao - Bule Comunicação
 
Criação de Álbum - Phoca Gallery Picasa
Criação de Álbum - Phoca Gallery PicasaCriação de Álbum - Phoca Gallery Picasa
Criação de Álbum - Phoca Gallery PicasaBule Comunicação
 
Tutorial - Inclusão de vídeo do Youtube para o Joomla
Tutorial - Inclusão de vídeo do Youtube para o JoomlaTutorial - Inclusão de vídeo do Youtube para o Joomla
Tutorial - Inclusão de vídeo do Youtube para o JoomlaBule Comunicação
 

Plus de Bule Comunicação (11)

Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12
Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12
Grupo BNI Dinâmico no Diário do Grande ABC 26.12.12
 
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versãoJoomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versão
 
Portifolio DSOP
Portifolio   DSOPPortifolio   DSOP
Portifolio DSOP
 
Palestra - Nadir Alves - Joomla Day
Palestra - Nadir Alves - Joomla DayPalestra - Nadir Alves - Joomla Day
Palestra - Nadir Alves - Joomla Day
 
Solucoes digitais para imobiliarias
Solucoes digitais para imobiliariasSolucoes digitais para imobiliarias
Solucoes digitais para imobiliarias
 
E-commerce Bule Comunicacao -
E-commerce Bule Comunicacao - E-commerce Bule Comunicacao -
E-commerce Bule Comunicacao -
 
Criação de Álbum - Phoca Gallery Picasa
Criação de Álbum - Phoca Gallery PicasaCriação de Álbum - Phoca Gallery Picasa
Criação de Álbum - Phoca Gallery Picasa
 
Tutorial - Inclusão de vídeo do Youtube para o Joomla
Tutorial - Inclusão de vídeo do Youtube para o JoomlaTutorial - Inclusão de vídeo do Youtube para o Joomla
Tutorial - Inclusão de vídeo do Youtube para o Joomla
 
Portfolio Bule ComunicaçãO
Portfolio Bule ComunicaçãOPortfolio Bule ComunicaçãO
Portfolio Bule ComunicaçãO
 
E-commerce Bule Comunicação
E-commerce Bule ComunicaçãoE-commerce Bule Comunicação
E-commerce Bule Comunicação
 
Portfolio Bule Comunicacao
Portfolio Bule ComunicacaoPortfolio Bule Comunicacao
Portfolio Bule Comunicacao
 

Funcionamento do Painel de Edição de Artigos

  • 1. Tutorial Funcionamento do Painel de Edição de Artigos (com JSeBlod) Inclusão ou Edição de Artigos
  • 2. 1) Login Acesse a Área Administrativa do seu site www.seusite.com.br/administrator Digite seu login e senha
  • 3. 2) Seleção da Área de Artigos No Painel de Controle clique em Administrar Artigo
  • 4. 3) Seleção de Artigos - edição Encontre o conteúdo que deseja na caixa de busca, ou filtrando por seção e categoria. Caso queira criar um novo artigo, basta clicar no botão Novo e seguir as instruções a seguir.
  • 5. 4) Seção/categoria e publicação Título, apelido, publicação Título – é o nome que estará no topo do conteúdo. Apelido – linha de identificação na extensão do endereço no Browser. Importantíssimo para indexação no Google Publicação - determina se o artigo está no ar ou somente na área administrativa. Seção e Categoria Escolha a seção e categoria de destino do artigo, dentre as que já estão pré- definidas Exibir na página inicial Utiliza-se desta opção quando se utiliza por exemplo um blog. Edição do texto Clique nesta área para editar o texto do artigo e acompanhe as instruções do próximo slide.
  • 6. 5) Formatação de textos e caracteres Formatação de texto Nesta área superior é possível formatar o alinhamento e os caracteres. Aplicar Ao término da edição, clique Paragraph em Aplicar. Esta área serve para definir os formatos de destaques dos títulos do artigo. A forma como o texto se apresenta nesta área de edição não corresponde exatamente à sua apresentação final. Os padrões já são pre-definidos conforme os utilizados no site. Imagem Styles: não há necessidade de Para inserir uma imagem, alteração. clique neste botão e siga as instruções do próximo slide
  • 7. 6) Inclusão de imagem 3 1 2 Imagem: Selecione a pasta de destino (1), envie a imagem para o site através do botão Escolher Arquivo (2), selecione-o e clique em Inserir (3). A imagem já deve estar no tamanho correto, salvo para web, em png, jpg ou gif)
  • 8. 7) Inclusão de Links Link URL Insira a URL de destino, iniciando com http:// Target: colocar como new window para abrir em uma nova janela do navegador ou same window para manter o link na mesma aba do Link no texto navegador. Este último caso Para inserir um link em uma palavra ou geralmente se aplica quando o link expressão do texto, basta selecionar o é para uma página do próprio site. texto desejado, clicar no ícone (corrente) apontado e preencher os campos ao lado.
  • 9. 8) Otimização dos dados para buscadores Terminando as alterações necessárias, clique em salvar. Descrição Clique em Metadata Information para abrir esta tela de edição. Descrição A Descrição é a forma como o Google vai descrever esta página específicamente. Keywords Neste espaço, insira as palavras-chave relacionado ao artigo para identifcação dos buscadores. A inclusão destas palavras é essencial para colaborar na otimização das buscas. As palavras devem ser separadas por vírgulas
  • 10. Importante Antes de enviar qualquer texto para o site é necessário colar este no Bloco de Notas e só então copiar do Bloco de Notas e colar no editor de texto, caso contrário o texto aparecerá desconfigurado. Em Web, esta é uma operação fundamental para deixar o texto limpo, sem códigos de formatação anteriores. Para abrir o bloco de notas no Windows: Menu Iniciar > Todos os Programas > Acessórios > Bloco de Notas