tag:blogger.com,1999:blog-55096490726660864962011-10-18T06:07:24.499-07:00Super Satisfeitohttp://www.blogger.com/profile/08908614034186230094noreply@blogger.comBlogger31100tag:blogger.com,1999:blog-5509649072666086496.post-33215438437270992802010-07-18T18:43:00.000-07:002010-07-27T20:19:27.327-07:00<span style="font-family:arial;"> <span style="font-weight: bold;">Como adicionar Friend Connect no Google sites ?</span> Como colocar o google friend connect no seu google sites? Com a maneira que vou explicar aqui, você pode adicionar seu friend connect no seu google sites, vim tentando colocar alguns gadgets no google sites e não conseguia, procurei no Google e não tive muita ajuda, logo achei uma maneira que deu certo e então resolvi criar um tutorial para ensinar de um modo fácil como inserir os gadgets do Google Friend Connect no Google sites ! </span> <br /><span style="font-family:arial;"> <br />As imagens aqui que tirei por um erro ficaram meio duplicadas na parte superior, mas da pra acompanhar direitinho ! : ) <br /> <br /></span>O site que foi adicionado o Friend Connect hoje, tirado como exemplo para criar o tutorial: <br /><span style="color: rgb(51, 51, 255);">http://www.ragnavendas.com</span> - feito pelo Google Sites. <br /> <br /><span style="font-weight: bold;font-family:arial;" ><span style="color: rgb(0, 153, 0);">1</span> </span><span style="font-family:arial;">– Criando um site que aceita páginas com SCRIPT</span> <br /><span style="font-weight: bold;font-family:arial;" ><span style="color: rgb(0, 153, 0);">2</span> </span><span style="font-family:arial;">– Adicionando o novo site ao Friend Connect</span> <br /><span style="font-weight: bold;font-family:arial;" ><span style="color: rgb(0, 153, 0);">3</span> </span><span style="font-family:arial;">– Criando uma página no novo site com o script friend connect</span> <br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >4</span><span style="font-family:arial;"> – Criar um gadget no Google codes, referenciando o site com o script</span> <br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >5</span><span style="font-family:arial;"> – Salvar e Publicar o gadget</span> <br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >6</span><span style="font-family:arial;"> – Adicionar o novo gadget no Google Sites como URL.</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >1</span><span style="color: rgb(0, 153, 0);font-family:arial;" > – </span><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >Criando um site que aceita páginas com Script</span> <br /> <br /><span style="font-family:arial;">Você precisa de um site que aceite script, se tiver um, melhor, senão crie um site grátis: indico </span><span style="color: rgb(51, 51, 255);font-family:arial;" >http://www.webs.com/</span> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 1</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEOyGR9lawI/AAAAAAAAAAc/E6hwsthOmi8/s1600/tela1.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEOyGR9lawI/AAAAAAAAAAc/E6hwsthOmi8/s320/tela1.jpg" alt="" id="BLOGGER_PHOTO_ID_5495431791292803842" border="0" /></a> <br /><span style="font-family:arial;">Clicar em </span><span style="font-weight: bold;font-family:arial;" >Create WebSite</span><span style="font-family:arial;">.</span> <br /> <br /><span style="font-family:arial;">Acompanhe na </span><span style="color: rgb(255, 0, 0);font-family:arial;" >Tela 2</span><span style="font-family:arial;">, deve ser selecionada a página como HTML, clicando onde indica a imagem.</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 2</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEOyXat1T0I/AAAAAAAAAAk/_sW3RZaKGbk/s1600/tela2.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEOyXat1T0I/AAAAAAAAAAk/_sW3RZaKGbk/s320/tela2.jpg" alt="" id="BLOGGER_PHOTO_ID_5495432085700431682" border="0" /></a> <br /><span style="font-family:arial;">Clicar em </span><span style="font-weight: bold;font-family:arial;" >HTML-Only Mode</span> <br /> <br /><span style="font-family:arial;">Após selecionar como pagina HTML, você deve colocar o nome “</span><span style="font-weight: bold;font-family:arial;" >endereço</span><span style="font-family:arial;">” do seu site, segue a imagem<span style="color: rgb(255, 0, 0);"> Tela 3 </span>abaixo:</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 3</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEOyiqEhS7I/AAAAAAAAAAs/I16n1SsqW9w/s1600/Tela3.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEOyiqEhS7I/AAAAAAAAAAs/I16n1SsqW9w/s320/Tela3.jpg" alt="" id="BLOGGER_PHOTO_ID_5495432278800681906" border="0" /></a> <br /><span style="font-family:arial;">Clicar no botão </span><span style="font-weight: bold;font-family:arial;" >Continue to Next Step</span> <br /> <br /><span style="font-family:arial;">O endereço de acesso como no exemplo vai ser </span><span style="color: rgb(51, 51, 255);font-family:arial;" >http://exemplo.webs.com</span> <br /> <br /><span style="font-family:arial;">Logo após clicar no botão </span><span style="font-weight: bold;font-family:arial;" >Continue to Next Step</span> <br /><span style="font-family:arial;">Será enviado um mail para </span><span style="font-weight: bold;font-family:arial;" >confirmação</span><span style="font-family:arial;">, talvez esse mail esteja no </span><span style="font-weight: bold;font-family:arial;" >lixo </span><span style="font-family:arial;">eletrônico, entre no seu mail e clique no link para </span><span style="font-weight: bold;font-family:arial;" >ativar </span><span style="font-family:arial;">o site.</span> <br /><span style="font-family:arial;">Deixe o site aberto e siga o passo 2.</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >2 </span><span style="color: rgb(0, 153, 0);font-family:arial;" >- </span><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:arial;" >Adicionando o novo site ao Friend Connect</span> <br /> <br /><span style="font-family:arial;">É preciso adicionar o novo site criado ao Friend Connect, este novo site vai possuir o friend connect com a sua conta do Google. Acesse o friend connect : </span><span style="color: rgb(51, 51, 255);font-family:arial;" >www.google.com/friendconnect</span> <br /><span style="font-family:arial;">Logue com sua conta do Google e adicione seu site como mostra imagem:</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 4</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_VMRx2w3fkNg/TEOy2dIrW5I/AAAAAAAAAA0/3OlO_nEpRv8/s1600/Tela4.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://2.bp.blogspot.com/_VMRx2w3fkNg/TEOy2dIrW5I/AAAAAAAAAA0/3OlO_nEpRv8/s320/Tela4.jpg" alt="" id="BLOGGER_PHOTO_ID_5495432618925841298" border="0" /></a> <br /><span style="font-family:arial;">Depois de preencher os campos C licar em</span><span style="font-weight: bold;font-family:arial;" > Continuar.</span> <br /> <br /> <br /><span style="font-weight: bold;font-family:arial;" >Retorne </span><span style="font-family:arial;">ao site criado.</span> <br /> <br /><span style="font-weight: bold;font-family:arial;" ><span style="color: rgb(0, 153, 0);">3</span> <span style="color: rgb(0, 153, 0);">- Criando uma página no novo site com o script do Friend Connect.</span></span> <br /> <br /><span style="font-weight: bold;font-family:arial;" >Logado </span><span style="font-family:arial;">no site webs, você deve: Clicar na opção </span><span style="font-weight: bold;font-family:arial;" >New Page</span><span style="font-family:arial;">, colocando o nome da página para colar o script no exemplo: membros.htm e clica em </span><span style="font-weight: bold;font-family:arial;" >add Page</span><span style="font-family:arial;"> como mostra a próxima imagem </span><span style="color: rgb(255, 0, 0);font-family:arial;" >tela 5</span><span style="font-family:arial;">.</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 5</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_VMRx2w3fkNg/TEOzPrJi9tI/AAAAAAAAAA8/Cobak_Bbs58/s1600/Tela5.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://2.bp.blogspot.com/_VMRx2w3fkNg/TEOzPrJi9tI/AAAAAAAAAA8/Cobak_Bbs58/s320/Tela5.jpg" alt="" id="BLOGGER_PHOTO_ID_5495433052184311506" border="0" /></a> <br /><span style="font-family:arial;">Clicar em </span><span style="font-weight: bold;font-family:arial;" >Add Page</span> <br /> <br /><span style="font-family:arial;">Será criado a página em branco. Clicando no </span><span style="font-weight: bold;font-family:arial;" >lápis </span><span style="font-family:arial;">“</span><span style="font-weight: bold;font-family:arial;" >Edit</span><span style="font-family:arial;">” entra na página para você postar o código script do seu </span><span style="font-weight: bold;font-family:arial;" >Friend Connect </span><span style="font-family:arial;">como mostra a </span><span style="color: rgb(255, 0, 0);font-family:arial;" >tela 6</span><span style="font-family:arial;">:</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 6</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_VMRx2w3fkNg/TEO0RThwEkI/AAAAAAAAABE/wH_cBBNmo_M/s1600/Tela6.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://3.bp.blogspot.com/_VMRx2w3fkNg/TEO0RThwEkI/AAAAAAAAABE/wH_cBBNmo_M/s320/Tela6.jpg" alt="" id="BLOGGER_PHOTO_ID_5495434179714748994" border="0" /></a> <br /><span style="font-family:arial;">Depois de colar o código do seu Friend Connect , Clicar no</span><span style="font-weight: bold;font-family:arial;" > botão para Salvar</span> <br /> <br /><span style="font-family:arial;">Obs:O código do Friend Connect gera dentro da sua conta </span><span style="font-weight: bold;font-family:arial;" >Friend Connect</span><span style="font-family:arial;">, lá você </span><span style="font-weight: bold;font-family:arial;" >copia </span><span style="font-family:arial;">e </span><span style="font-weight: bold;font-family:arial;" >cola</span><span style="font-family:arial;"> nessa página mostrada na imagem acima.</span> <br /> <br /><span style="font-family:arial;">Obs: Nesse código onde existe </span><span style="font-weight: bold;font-family:arial;" >Widht</span><span style="font-family:arial;">: eu deixei como </span><span style="font-weight: bold;font-family:arial;" >‘auto’</span><span style="font-family:arial;"> ,onde ele pega </span><span style="font-weight: bold;font-family:arial;" >automático </span><span style="font-family:arial;">o </span><span style="font-weight: bold;font-family:arial;" >tamanho </span><span style="font-family:arial;">da </span><span style="font-weight: bold;font-family:arial;" >tela </span><span style="font-family:arial;">e se ajeita conforme a tela do gadget.</span> <br /> <br /><span style="font-family:arial;">Após salvar a página, você pode </span><span style="font-weight: bold;font-family:arial;" >testar </span><span style="font-family:arial;">se está </span><span style="font-weight: bold;font-family:arial;" >funcionando </span><span style="font-family:arial;">seu </span><span style="font-weight: bold;font-family:arial;" >Friend Connect </span><span style="font-family:arial;">nessa página que acabou de criar, no meu caso ficou o seguinte</span> <br /> <br /><span style="font-family:arial;">endereço: </span><span style="color: rgb(51, 51, 255);font-family:arial;" >http://erisonmeira.webs.com/membros.htm</span> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:arial;" >Tela 7</span> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO0pqUkk1I/AAAAAAAAABM/x7pcmamnWKU/s1600/tela7.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO0pqUkk1I/AAAAAAAAABM/x7pcmamnWKU/s320/tela7.jpg" alt="" id="BLOGGER_PHOTO_ID_5495434598150345554" border="0" /></a> <br /><span style="font-family:arial;">Testando a nova página com o script do Friend Connect.</span> <br /> <br /><meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Crazer%5CCONFIG%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--> <p class="MsoNormal" style="text-align: justify;"><b style=""><span style="font-family:Arial;"><span style="color: rgb(0, 153, 0);">4 - Criar um gadget no Google codes, referenciando o Friend Connect.</span><o:p></o:p></span></b></p> <p class="MsoNormal" style="text-align: center;" align="center"><span style="font-family:Arial;"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-indent: 35.4pt;"><span style="font-family:Arial;">Agora o próximo passo é acessar o Google codes, para criar um gadget aceitável para o Google sites, dentro deste gadget só vai constar o endereço desse site com o Friend Connect que está funcionando certinho </span><span style="font-family:Wingdings;"><span style="">J</span></span><span style="font-family:Arial;">.<o:p></o:p></span></p> <p class="MsoNormal" style="text-indent: 35.4pt;"><span style="font-family:Arial;"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-indent: 35.4pt;"><span style="font-family:Arial;">Você deve estar logado na sua conta do Google para criar o gadget.<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-family:Arial;"><span style=""> </span>Recomendo que você acesse com o <b style="">Internet</b> <b style="">Explorer</b> essa página para <b style="">criar</b> os códigos, <b style="">salvar</b> e <b style="">publicar</b>.<o:p></o:p></span></p> <br /> <br /><span style="font-weight: bold;font-family:arial;" >Para criar Acesse:</span> <br /><span style="color: rgb(51, 51, 255);font-family:arial;" >http://code.google.com/intl/pt-BR/apis/gadgets/docs/tools.html#GGE</span> <br /> <br /><span style="font-family:arial;">Abriu um espaço para </span><span style="font-weight: bold;font-family:arial;" >criar código </span><span style="font-family:arial;">onde você deve colocar exatamente como o seguinte:</span> <br /> <br /><span style="font-family:arial;">Obs: Você deve mudar o Title e o Endereço do Site para o endereço que você criou na sua página.htm e deixar no formato com a boca de jacaré, pois nao da pra posta código aqui. Pelas fotos e imagens é possível verificar e conferir se o código está correto. <br /> <br /></span><meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Crazer%5CCONFIG%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><span style=";font-family:&quot;;font-size:10pt;color:blue;" lang="EN-US" >Module</span> <br /><span style=";font-family:&quot;;font-size:10pt;color:blue;" >ModulePrefs<span style=""> </span>title=</span><span style=";font-family:&quot;;font-size:10pt;color:green;" >"Membros do Ragna Vendas"</span><span style=";font-family:&quot;;font-size:10pt;color:blue;" ><span style=""> </span>height=</span><span style=";font-family:&quot;;font-size:10pt;color:green;" >"200</span> <br /><span style=";font-family:&quot;;font-size:10pt;color:blue;" lang="EN-US" ><content type="</span"><span style=";font-family:&quot;;font-size:10pt;" lang="EN-US" ><o:p></o:p></span></content></span> <p style="line-height: 12pt;"><meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Crazer%5CCONFIG%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><span style=";font-family:&quot;;font-size:10pt;color:blue;" lang="EN-US" >Content type=</span><span style=";font-family:&quot;;font-size:10pt;color:green;" lang="EN-US" >"url"</span><span style=";font-family:&quot;;font-size:10pt;color:blue;" lang="EN-US" > href=</span><span style=";font-family:&quot;;font-size:10pt;color:green;" lang="EN-US" >"http://erisonmeira.webs.com/membros.htm</span></p><p style="line-height: 12pt;"><meta equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 11"><meta name="Originator" content="Microsoft Word 11"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Crazer%5CCONFIG%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><span style=";font-family:&quot;;font-size:10pt;color:blue;" lang="EN-US" ></span><span style=";font-family:&quot;;font-size:10pt;color:green;" lang="EN-US" ></span></p><p style="line-height: 12pt;"> <br /></p><p style="line-height: 12pt;"> <br /></p><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"><span style="font-weight: bold; color: rgb(0, 153, 0);">5 </span><span style="font-weight: bold; color: rgb(0, 153, 0);">– Salvar e Publicar o gadget</span></moduleprefs></module> <br /> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Após criar esse código você seleciona <span style="font-weight: bold;">File </span>e clica em <span style="font-weight: bold;">Save As</span>, coloca o nome que desejar, no exemplo foi salvo como membros, após salvar, você deve clicar em <span style="font-weight: bold;">File </span>novamente e em <span style="font-weight: bold;">Publish</span>.. para então publicar seu novo gadget. Segue as imagens abaixo: <br /></moduleprefs></module> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"><span style="font-weight: bold; color: rgb(255, 0, 0);">Tela 8</span> <br /></moduleprefs></module><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO1L-OvZ7I/AAAAAAAAABU/GYiPBAZ5zF0/s1600/tela8.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO1L-OvZ7I/AAAAAAAAABU/GYiPBAZ5zF0/s320/tela8.jpg" alt="" id="BLOGGER_PHOTO_ID_5495435187610150834" border="0" /></a> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Aqui você deve clicar em<span style="font-weight: bold;"> Save As</span> para salvar seu código. <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Tela 9</span> <br /></moduleprefs></module><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEO1pyloxMI/AAAAAAAAABc/27DiXBXIkfY/s1600/tela9.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEO1pyloxMI/AAAAAAAAABc/27DiXBXIkfY/s320/tela9.jpg" alt="" id="BLOGGER_PHOTO_ID_5495435699881034946" border="0" /></a> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Aqui logo após salvar, você deve clicar em </moduleprefs></module><href="file: xml=""><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" latentstylecount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} p {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabela normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]--><span style=";font-family:&quot;;font-size:10pt;color:blue;" ><o:p></o:p></span> <module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"><span style="font-weight: bold;">publish.. </span>para publicar seu gadget. <br /></moduleprefs></module> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Quando você clicar para publicar, seu gadget, será aberta uma mensagem, pode clicar em <span style="font-weight: bold;">OK</span>, e logo aparece a próxima imagem, <span style="color: rgb(255, 0, 0);">tela 10</span>:</moduleprefs></module><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"></moduleprefs></module><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"> <br /> <br /> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Tela 10</span> <br /></moduleprefs></module><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO2IlNok5I/AAAAAAAAABk/rhSUQoytt6E/s1600/tela10.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://4.bp.blogspot.com/_VMRx2w3fkNg/TEO2IlNok5I/AAAAAAAAABk/rhSUQoytt6E/s320/tela10.jpg" alt="" id="BLOGGER_PHOTO_ID_5495436228866642834" border="0" /></a> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Pode fechar esta tela :), segue o próximo passo. <br /> <br /> <br />6 – Adicionar o novo <span style="font-weight: bold;">gadget </span>no <span style="font-weight: bold;">Google Sites </span>como <span style="font-weight: bold;">URL</span>.</moduleprefs></module> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"> <br />Para adicionar o novo gadget no Google sites é preciso pegar o endereço que é gerado no Google codes, clicando logo na direita em cima no nome da página salva no exemplo está como membros2.xml, ali é possível copiar o código XML, nesse exemplo fica o seguinte: <br /> <br /><span style="color: rgb(51, 51, 255);">http://hosting.gmodules.com/ig/gadgets/file/112774056723824541027/me</span></moduleprefs></module><module style="font-family: arial; color: rgb(51, 51, 255);"><moduleprefs title="Membros do Ragna Vendas" height="200">mbr</moduleprefs></module><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"><span style="color: rgb(51, 51, 255);">os2.xml</span> <br /> <br />É parecido com esse o endereço o URL que você deve postar no Google sites. <br /> <br /></moduleprefs></module> <br /><module style="font-family: arial; font-weight: bold; color: rgb(255, 0, 0);"><moduleprefs title="Membros do Ragna Vendas" height="200">Tela 11</moduleprefs></module> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEO232h8snI/AAAAAAAAABs/J0VtX2yuITQ/s1600/tela11.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://1.bp.blogspot.com/_VMRx2w3fkNg/TEO232h8snI/AAAAAAAAABs/J0VtX2yuITQ/s320/tela11.jpg" alt="" id="BLOGGER_PHOTO_ID_5495437040969101938" border="0" /></a> <br /><module style="font-family:arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Aqui você <span style="font-weight: bold;">copia </span>o <span style="font-weight: bold;">Endereço </span>no <span style="font-weight: bold;">navegador</span>. <br /> <br /></moduleprefs></module> <br /><module face="arial"><moduleprefs title="Membros do Ragna Vendas" height="200">Agora a parte final e importante. <br /></moduleprefs></module> <br /><module face="arial"><moduleprefs title="Membros do Ragna Vendas" height="200">Entrar no seu site do Google, na página e lugar que deseja adicionar o gadget do Friend Connect e clica em <span style="font-weight: bold;">Editar Página</span>, Inserir > <span style="font-weight: bold;">Adicionar mais gadget</span>, seleciona <span style="font-weight: bold;">Adicionar g</span></moduleprefs></module><module face="arial"><moduleprefs title="Membros do Ragna Vendas" height="200"><span style="font-weight: bold;">adget por</span> <span style="font-weight: bold;">URL</span>. Postando esse último <span style="font-weight: bold;">link </span>em <span style="font-weight: bold;">XML </span>que você acabou de copiar do código. Segue a imagem para esclarecer melhor. <br /> <br /></moduleprefs></module><module style="font-family: arial;"><moduleprefs title="Membros do Ragna Vendas" height="200"> <br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Tela 12</span></moduleprefs></module> <br /><a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_VMRx2w3fkNg/TEO3gBuVFEI/AAAAAAAAAB0/U0Pg10IqbFM/s1600/tela12.jpg"><img style="cursor: pointer; width: 320px; height: 194px;" src="http://3.bp.blogspot.com/_VMRx2w3fkNg/TEO3gBuVFEI/AAAAAAAAAB0/U0Pg10IqbFM/s320/tela12.jpg" alt="" id="BLOGGER_PHOTO_ID_5495437731168588866" border="0" /></a> <br /><module style="font-family: arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Clicar em <span style="font-weight: bold;">adicionar</span>. <br /> <br />Agora é com você configurar o gadget do seu jeito ! <br />Qualquer dúvida pode entrar em contato que tentarei ajudar : ) <br /> <br /></moduleprefs></module><span style="font-family:arial;">www.supersatisfeito.com.br</span> <br /><module style="font-family: arial;"><moduleprefs title="Membros do Ragna Vendas" height="200">Até mais. <br /></moduleprefs></module></href="file:><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5509649072666086496-3321543843727099280?l=supersatisfeito.blogspot.com' alt='' /></div>Super Satisfeitohttp://www.blogger.com/profile/08908614034186230094noreply@blogger.com3tag:blogger.com,1999:blog-5509649072666086496.post-75009289214083256102010-07-07T06:39:00.000-07:002010-07-07T07:09:31.496-07:00<div style="text-align: left;"><span style="text-decoration: underline;"><span style="font-weight: bold;"><span style="font-weight: bold;"></span></span></span>O maior evento de search Brasileiro<br /><br />Em breve, vamos postar as melhores informações analisadas no grande evento, search labs 2010, acontecerá dia 28 e 29 em São Paulo com diversos profissionais conforme o site search labs 2010. Aguarde para conhecer essa grande evolução !<br /><br />Confira o site oficial: <a href="http://searchlabs.com.br/">Search Labs 2010</a><br /><br />Assuntos:<br /><br />Estratégias de Search em todos os níveis apresentados.<br />O futuro e o presente da busca como componente de uma estratégia maior.<br />Táticas inéditas, casos reais e dicas funcionais de SEO e Links patrocinados.<br />Workshops e painéis avançados que vão levar o mercado brasileiro a outro nível.<br /><br /><br /><span style="text-decoration: underline;"><span style="font-weight: bold;"></span></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5509649072666086496-7500928921408325610?l=supersatisfeito.blogspot.com' alt='' /></div>Super Satisfeitohttp://www.blogger.com/profile/08908614034186230094noreply@blogger.com0tag:blogger.com,1999:blog-5509649072666086496.post-82870713856808954712010-06-30T13:19:00.000-07:002010-06-30T19:26:00.718-07:00Como ganhar dinheiro na internet<br /><a href="http://www.supersatisfeito.com.br/">http://www.supersatisfeito.com.br/</a><br /><br />O objetivo deste blog é para que os profissionais de informática possam discutir ou comentar os assuntos apresentados no site <a href="http://www.supersatisfeito.com.br/">http://www.supersatisfeito.com.br</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5509649072666086496-8287071385680895471?l=supersatisfeito.blogspot.com' alt='' /></div>Super Satisfeitohttp://www.blogger.com/profile/08908614034186230094noreply@blogger.com0