Dicas Blogger: Editor de posts

Home » Categories: Editor de posts

Mostrando postagens com marcador Editor de posts. Mostrar todas as postagens

Windows Live Writer agora é Open Live Writer

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8H7AHEk10de08HHqEUfMmOYTBVzLqeTYTiCihimcIPlXdiaWYazfQuLr7-W6oQdF-DKyIffXymiYcvP8vohZ9vB_jzy0ToAKjvh7Dn3bWTPwToXgqGJxBH3Cc2morpQQJW3wRfGb9ojo/s1600/windows_live_writer_agora_e_open_live_writer_dicas_blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="novo editor blogger, novo writer, writer não funciona, novo open live writer" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8H7AHEk10de08HHqEUfMmOYTBVzLqeTYTiCihimcIPlXdiaWYazfQuLr7-W6oQdF-DKyIffXymiYcvP8vohZ9vB_jzy0ToAKjvh7Dn3bWTPwToXgqGJxBH3Cc2morpQQJW3wRfGb9ojo/s320/windows_live_writer_agora_e_open_live_writer_dicas_blogger.jpg" title="Windows Live Writer agora é Open Live Writer" width="320" /></a></div>
 
Embora estivesse "esquecido" pela Microsoft, o Windows Live Writer agora se chama Open Live Writer. A ferramenta estava sem updates há muito tempo, porém, ainda era muito usado por uma parcela significativa de blogueiros. 
 
A má notícia para quem usa Blogger, é que essa ferramenta ainda não está funcionando como esperado, isso porque o Google resolveu fazer uma alteração em sua API meses atrás, no entanto, o Windows Live Writer não se adaptou à nova forma de autenticação do Google. Nos últimos dias, o Google aposentou definitivamente sua antiga API e agora, a nova forma de autenticar não funciona em blogs do Blogger. 
 
O bug foi reportado na plaforma do <a href="https://github.com/OpenLiveWriter/OpenLiveWriter/issues/63" rel="nofollow" target="_blank">Github</a>, criado pelos colaboradores, porém, ainda não foi feita a correção. 
 
Para fazer o download da nova aplicação, <a href="https://olw.blob.core.windows.net/nightly/Releases/OpenLiveWriterSetup.exe" rel="nofollow" target="_blank">visite o site oficial da plataforma</a> para desfrutar do Open Live Writer. 
 
ATUALIZADO EM 16/12/2015 às 17:45 
 
O problema com o Blogger foi resolvido pela equipe de colaboradores do Open Live Writer e já está funcionando corretamente. 
 
Você já está usando o novo Open Live Writer? Deixe sua opinião nos comentários :)

Windows Live Writer agora é Open Live Writer

Embora estivesse "esquecido" pela Microsoft, o Windows Live Writer agora se chama Open Live Writer. A ferramenta estava sem upd...

Continue Lendo >>

22:13

Blogger no iPhone - Como escrever e publicar posts

Até há pouco tempo escrever posts no iPhone para serem publicados no Blogger era um exercício de paciência: ou escrevia-se o HTML na unha e enviava-se por email para ser automaticamente publicado, ou recorria-se à aplicações muito incompletas, sem grande possibilidade de otimização. 
 
Um dos programas que sempre utilizei foi o BlogPress, mas era bastante limitado em relação à outra coisa que não fosse escrever os posts, colocar fotos, categorias e publicar. Para inserir um link no texto era um martírio, com vários passos: publicar o post, abrir o Blogger no browser e editar o HTML. Usei durante muito tempo para fazer posts pequenos e rápidos, mas com as últimas atualizações da aplicação estou utilizando cada vez mais. 
 
Como escrever e publicar um post no Blogger com o iPhone 
Quando se inicia a aplicação BlogPress a primeira coisa que se deve fazer é o login com o username da conta do Google. Automaticamente todos os blogs desta conta serão sincronizados com a aplicação. A seguir, podemos começar a escrever o post: 
 
Título e Categorias: 
Após inserir o título do post, podemos escolher a categoria do post (clicando no i após o título), ou mesmo criar novas categorias. Pode-se também escolher entre publicar ou salvar o rascunho no Blogger: 
 
<div align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikq7E-fVzB8SjXe7UdgSGGZdKkm-DB_WueHJ17fnYcACGBAPsfeOV3Ozm3BdKMN1Oed7PRcKL7-9uvytR0Pn_XIS_5Hg0taUM3BV303zKMVfEo_65aWXPdFaDfXFlbh0OaG_JYywgdljE/s1600-h/Blogger%20Iphone%201%5B6%5D.jpg"><img alt="Blogger no Iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0QeWQpENPQWDkPWXvR23YcVtewI6kK-R3Mfy17nL8zYTNz9He2Jo6lGlhyMfCsYET2trweua8GEcnpbMBgvB1H_VKTHwocNiq4RbLTG8G3vWM48Ol-egKg1_Z6Rz2kkjhjBtGPugt2M/?imgmax=800" style="border-width: 0px; display: inline;" title="Blogger Iphone" width="180" /></a>     <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExbKY8Yoma3aQ0vUnxnpGpe02glc_qlZkbE73rosgWNFewmDDYXIYrrcaZLl3s9EYwTOOeOLsOy-1-xIXqaq433Czd5EpQwCJVPLBL-mb4l3yJFXEoz8YB6wwwQEOcTqpeehU0fnLqe0/s1600-h/Blogger%20iphone%202%5B4%5D.jpg"><img alt="Blogger iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN8JEw4sH9Du_3yicV7dtW0EwZ8_EmvGHppFVMYl2HR8Y3urSo0Ef2iCREqbNRyHr1cLtu5R86NdHMzr7KSv9YeazyvPNpoCFpvwh7VmvhWyFqIUD6GGUevRT0zIJpRMVBBGeMzmchgO0/?imgmax=800" style="border-width: 0px; display: inline;" title="Blogger iphone" width="180" /></a> </div>
 
Inserir imagens no post: 
As imagens podem ser inseridas através da livraria do iPhone ou tiradas na hora com a camera, bastando para isto clicar no ícone da camera no canto superior direito. Serão automaticamente enviadas para a conta definida pelo utilizador: Picasa ou Flickr. Também há possibilidade de ajustar o tamanho da imagem e o posicionamento no post: 
 
<div align="center">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTIaj7om48wgzFhbkIH1xHT334UbX94wEIVIIvqifmnXJlJWvgZ5ZEK8-MK3gJHd7vkD8bjB79PmVkb6hBLfI3tPBXz2_5gap_28-XYZtWDS6yv7Rcn9_Dh6801kYdiTKAJJ6YdrRoyt0/s1600-h/Blogger%20iphone%204%5B4%5D.jpg"><img alt="Blogger iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPpokK9I7D90bHvVT_uZJGL94Yt50-z5m0MOcZiraoU2UtEgIXVtPq2oafkQF9aI_32ugzkbSUp49a8Jp93auZWaG8aOwxF1tPx1Jhbpwv6buaD6kG8VGMdQNBIat54HDUyaW6BJvp9iI/?imgmax=800" style="border-width: 0px; display: inline;" title="Blogger iphone 4" width="180" /></a>      <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5iSN_yWe5sNfha_j0nKMWO89LlznMCTLXszQfs0tlaIAdrUHBoeyrkM3fDSuCiqZqgSF8XFr1W2iBoTyIJpCSd1W8LmELsf5cHOhOoDAbQDIdXLJHEgxEHofUcEV2P613WEpVUYzyk0k/s1600-h/blogger%20iphone%205%5B5%5D.jpg"><img alt="blogger iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIjMm_C5Oo1a7fVjw8rOyIQYKXFcllGtAaUTIIMKEbHgwNEdoyiZLkQjP2uUQsVbOOJCKrBr0833Ko5Mu2wnzshd_ssxwpbcJrGRsI3-r44ohoxB8zN5BfNopCy-hUazgtl2gyHwv5D4/?imgmax=800" style="border-width: 0px; display: inline;" title="blogger iphone 5" width="180" /></a> </div>
 
Inserir links e outros códigos HTML: 
O que tornou o BlogPress muito mais útil para publicar posts no iPhone foi a possibilidade de edição em HTML direto na aplicação, permitindo a inserção de links e outros códigos, como mostra a imagem a seguir: 
 
<div align="center">
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMBQo9iLnCY753nDYbaUTtZWWMFMA2Q0vw7TN_jza7_74nsSTi0OCu9cOEOpNcQy3pFP_MJZjmivWJalKtEqc8phrUhNISBysP0605-dRv9l_DhPzDnTWp-aXH2A-42VQhLxedthBLAo/s1600-h/blogger%20iphone%208%5B4%5D.jpg"><img alt="blogger iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-lgW0x4QmSLTcl3S7QNqpDCdeFYyMtfQ3ZygDrcHTA-xt5KhurZfEH15Wc7OWJwCUvtQEgEKMefLtk-iLr1LDVjSdGIYMEBEcHPRZBNTILoDKp_w0Kb8YNHNsG-wGkmyTCO5NDBS5PaA/?imgmax=800" style="border-width: 0px; display: inline;" title="blogger iphone 8" width="180" /></a>      <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWyyQkSaL9jirg7u_ojr_sW71scnMv945RpZt260znVa3ELN7TrECFMluS9IE_4tsefINTnx286hipkrjQzHTT5Y0L9PkyvQ5MCtD7acXf8yCtxhaZAzAivAop4xRk-zDOHbODtqxlSo/s1600-h/blogger%20iphone%206%5B4%5D.jpg"><img alt="blogger iphone" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn2PGB1D30YZDzZ5cEK0Jo7bs7Fd65iKk7J87o97sA7wbVeQiAtQUNb-H1xVSvgRZ9qej9ob7uHKz9DnSQ_MMrlhCNtGqoCPcYxEvcSuVB-Q_P_sTE04vicVusuFBJNr90lFqDNdgkjQk/?imgmax=800" style="border-width: 0px; display: inline;" title="blogger iphone" width="180" /></a> </div>
 
Concluindo… 
A informação na internet circula cada vez mais rápido, os mecanismos de pesquisa estão cada vez mais aprimorados e indexando e mostrando resultados em tempo real (Google Caffeine, Google instant), as aplicações do iPhone e outros dispositivos móveis que possibilitam produzir posts em blogs podem acabar por deixar de ser uma simples curiosidade e se tornarem em ferramentas poderosas. 
Eu já utilizo diariamente, e vocês, já publicaram posts através do iPhone ou de outro telefone celular? 
 
Link para Apple Store: <a href="http://itunes.apple.com/pt/app/blogpress/id317799861?mt=8" target="_blank">BlogPress</a> (2,39€)

Blogger no iPhone - Como escrever e publicar posts

Até há pouco tempo escrever posts no iPhone para serem publicados no Blogger era um exercício de paciência: ou escrevia-se o HTML na unha e...

Continue Lendo >>

20:23

Como colocar um link em uma imagem

<div align="justify">
Vocês pensaram que a série Primeiros Passos havia acabado? Que nada! A cada dia recebo mais e mais perguntas com o básico do básico. Então hoje vou ensinar, passo-a-passo, como colocar um link em uma imagem, para direcioná-la a uma outra página web.</div>
<ol>
<li>Escolha a imagem </li>
<li>Hospede-a no site de sua preferência (<a href="http://dicasblogger.blogspot.com/2008/09/hospedagem-gratuita-de-arquivos.html" target="_blank">saiba mais clicando aqui</a>) </li>
<li>Copie o endereço da imagem (<a href="http://dicasblogger.blogspot.com/2008/09/backup-no-picasa-de-imagens-contidas.html" target="_blank">saiba mais</a>) </li>
<li>Use o código abaixo </li>
</ol>
<blockquote>
<a href="endereço do site"><img src="endereço da imagem" /></a></blockquote>
Exemplo: 
Vou usar a imagem que coloquei para os Feeds do Template Songs: 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7j3o_BBavn-YnuQNQvWV9_OlSAV9dfV0-As3UEsMmXNcNjN9vu-IcuCk7E7AlrfC793anOLl0ij5_Vnwy5o8B5SgP2OBJGfjPxwe-rxSMs7tnJA0pibJstILGca5s6vmZ9l47GDZiHbEi/s1600-h/600px-Feed_Icon_Bl-Or.png"><img alt="Feeds" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0Vd-fUKjH-mf8feBQYdPr1QEbYLPMsSUToRWnKw2ddUfC4SSSVxCfE2C_RC5NmoNp9zEil8iWCJQL7jAfYqFBv3JVia9Htd0bsQQv10o-PJbzjh4WXqmFxMAAGIFEs4XK6LlTpXQpD6K/?imgmax=800" style="border-width: 0px; display: inline;" title="Feeds" width="80" /></a> 
 Agora vou hospedá-la no Picasa e copiar o endereço dela 
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqcCvp5p6ej_XqEuSPgfLXGqhWbTO5qa_LAlVAtahSKN2uz5iZTqG1_3rbirDRIJbEJQJlJSSsQWxAYrvldFG-pWECGPoNXBgS_3kAbwGpOv0Od8f2rnsD_CdH2YFNS_jJK_xzWlndlVd/s1600-h/image%5B28%5D.png"><img alt="upload" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5OASOLtOQQ20vhkz1_GZss4Tjl-hvsGZ9QcWBHrjFZm5dV1N4vedcodC8CVli2oiL-1sAnTYKVzUf-_25vdhlrEdCx0guK57YS1M7XaXPHQTGKHkHkWKjtrZ8icSn2cIxsoLOD37jJP77/?imgmax=800" style="border-width: 0px; display: inline;" title="upload" width="242" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2Oavm1R9zJpY38wfI0wjv7dLt9NSKF23FTHEnrK-ywByFkLDxzn3fPj5WPvDoEjhRoHjE5IvVZGFOxXSAECY9Me59ntXEH0JUp6mhWEDZpHPKe3RRkY0V5ziPfUVfwMA4IzJsR31irRZ/s1600-h/image%5B30%5D.png"><img alt="url" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktCW6-FvsQyrrIhL3qX7qS-1x_twLLe3ufZzWSuaqXLgw0wUFB8grnVcyLjLyFHc9TZIMYjolpal0tN_ZgV3joywZjFBpm5zuCCvcev0uAwpS2a5051iw1sjoguAHqsrN_0VXmiAOWEBe/?imgmax=800" style="border-width: 0px; display: inline;" title="url" width="242" /></a> 
 Obtive o seguinte endereço: 
 <blockquote>
<a href="http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png">http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png</a></blockquote>
Quero que esta imagem direcione o usuário aos feeds do meu blog. O código ficará assim: 
 <blockquote>
<div align="left">
<a href="http://feeds.feedburner.com/dicasblogger"><img src="<a href="http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png">http://lh4.ggpht.com/_mcq01yDJ2uY/SXUiVhRAGgI/AAAAAAAAAUs/pu2fQkzWOoc/600px-Feed_Icon_Bl-Or.png</a>" /></a></div>
</blockquote>
<div align="left">
Vejam o resultado,clicando na imagem abaixo:</div>
<a href="http://feeds.feedburner.com/dicasblogger"><img alt="" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6WGggP9Iz2QoTcfhj__bFvQ7RbkTVa5WurCHK5w_6vj41b1g8-AF7Ww358O9yJIlvSM02BbDTKZS3BZ6y296t7cg78MG5wazBeggKCG3oX2-AHPnG0HafskqXhK6H_sUV3KZcyRwpVCz9/?imgmax=800" style="border-width: 0px; display: inline;" title="" width="80" /></a> 
 Existem diversas outras maneiras de se fazer isso: 
 No Windows Live Writer 
 <div align="justify">
Escolha a imagem do HD, clique nela, e escolha “vincular à url”. Na caixa que vai abrir, coloque a url da imagem. Não sabe o que é Windows Live Writer? Então <a href="http://dicasblogger.blogspot.com/2008/07/tutorial-windows-live-writer.html">clique aqui</a>.</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic8ZFAoezguMYL9JEw3eossk14NxTcWEdDN4nA0-Kmag9ZspTAhdOkwF1L2Hbkkrr1g3YcHiL75e_1AZa4qaUMjoM8lDX14yeWqMeUusq0XY8tCPApWluHcj7FeqcQ0AGWen3dj0CEmmqP/s1600-h/image%5B31%5D.png"><img alt="live writer" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKmjPzXM4jc39G1jqVLk0VtmYzkXyVVIftsS373f3uVfqO4Ge8H-BEunfi1T1PjYCMyu7TjcwegKWu0q4HnooO3863GtcrxKuqVt4W5nkves722pRvX21ZLgubMWlyLr9uLhfwO8hVCtq/?imgmax=800" style="border-width: 0px; display: inline;" title="live writer" width="334" /></a> 
 No NVU Portable 
 <div align="justify">
Clique no ícone para adicionar uma imagem. Na nova janela, coloque a url da imagem em “endereço” e o link a ser direcionado na aba “ link”. Em “descrição” coloque uma frase para ajudar o usuário a se localizar e em “Texto substituto”, uma palavra para identificar a imagem. Copie o código e cole onde desejar.</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcU1DxDYm0yp8wsVe2Krx_zywp868iRCksjXkUtZ4gNVydohQW1IzRevOxhg_Uu__MGeb6m86yL7RPq7gbr_9cfTHSd7XHO3fqlxtwC-mmAxdJjELlVyM7oXI5ew97ud4etti52bo2Zr9U/s1600-h/image%5B32%5D.png"><img alt="configuração" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_S5kxKdqP8NK9AVv73TJxVOQCv4bxAGQ5IC4IXLXXWUH07ws1Q7dFzhzbwq56p2rOdPngJGfZw3i8Ddvi2-6Rm_0DyXTKNlEgpLLGmoMfqLxl4EuMn0voSUfCcstgoYusmQp9nMMkddW/?imgmax=800" style="border-width: 0px; display: inline;" title="configuração" width="242" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1wpekwUvFUD9jjWmJ544OXjRjDxGoa22hCmzMS2Em9rDdcX1rqRYjqIj3B5mSD1va5OpkXDlClgnojH8tpdpk0vIM5e_rF6dpAFUvr7fGvIvgaKY0mbKd3M4NUHa1An-h7MmIqT8ZjxX/s1600-h/image%5B33%5D.png"><img alt="código-fonte" border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP7NtUoESYQtw9-aWUOUsCgxMXGHBV5QiTQwL2KX1s3LdrFhAizJlHo6AXaswzzNcvy38d9jUM4bukgRtEgL2B-T20K4_W0ZOVHrH6cwg5vkaflwiVOsOf8GY8zfk-gjyulmSC7SesPC21/?imgmax=800" style="border-width: 0px; display: inline;" title="código-fonte" width="242" /></a> 
 Para saber o que é NVU Portable, <a href="http://dicasblogger.blogspot.com/2008/07/publicando-codigos-html-no-blogger.html">clique aqui</a>. 
 
Acesse o post atualizado e fique por dentro das novas opções da nova interface!!!<a href="http://www.dicasblogger.com.br/2012/05/link-abrir-em-uma-nova-janela-ou-aba.html">Como colocar links que abram em uma nova janela</a> 
 
Dica da tia Juliana 
 Quando eu quero linkar uma imagem em um post, eu uso o Writer. Para a sidebar, uso sempre o NVU, pela possibilidade de colocar uma descrição. 
 Até a próxima!

Como colocar um link em uma imagem

Vocês pensaram que a série Primeiros Passos havia acabado? Que nada! A cada dia recebo mais e mais perguntas com o básico do básico. Então...

Continue Lendo >>

11:15