tag:blogger.com,1999:blog-52059593117512636582024-03-18T21:15:47.741-07:00I Like Desing TutoriaisI Like Desinghttp://www.blogger.com/profile/06395579562541212461noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-5205959311751263658.post-51261008944709874042012-07-10T12:24:00.002-07:002012-07-11T23:16:38.672-07:00Como mapear o cabeçalho no image-Maps<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-IKHS-IAArJCBzT4M9e_bVRXuHs7_Wt5rKrWPmtdwl1D_h6wybRIZeYc0UuL12TfqGlJerICR-ZABujrI51E1Ezs5uQl32bSYFLSTdMxp3KJKMQXu7X4-EE8xPhuWDsgcN1UGLZhcVf6/s1600/Miley%252BCyrus%252BMiley.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-IKHS-IAArJCBzT4M9e_bVRXuHs7_Wt5rKrWPmtdwl1D_h6wybRIZeYc0UuL12TfqGlJerICR-ZABujrI51E1Ezs5uQl32bSYFLSTdMxp3KJKMQXu7X4-EE8xPhuWDsgcN1UGLZhcVf6/s320/Miley%252BCyrus%252BMiley.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Olá pessoinhas do meu coração estou aqui mais uma vez,mas dessa vez é para ensinar a mapear um designer do cabeçalho.</div><div class="separator" style="clear: both; text-align: center;">Bom primeiramente voce deve ter seu cabeçalho ja pronto.Você pode faze-los no photoshop ou photoscape.São os que uso para fazer os designs do meu blog.Apos voce fazer o seu cabeçalho entre no site <a href="http://www.image-maps.com/" target="_blank">Image-Maps</a>.No site voce tem opcões de colocar o endereço de onde esta hospedado seu cabeçalho ou fazer upload dele diretamnete do seu computador.</div><div class="separator" style="clear: both; text-align: center;">OBS:O image-Maps não consegue carregar em formato png,não sei o porque.Mas eu sempre carrego no formato jpge.Apos isso click em "Start Mapping your Image".</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszKBx8dAIcnacEEzD7EzdSVke3YNr0P_eDroW0dJC2uniCdv7CiBMCI8yrouOGH2QE1Boo4LR5VRG6S9AhKY7pm8snY9VXlpC7KemxuXznl8drw_Unb2rAPfY99ymf5jUfKxKN1gtm2-1/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszKBx8dAIcnacEEzD7EzdSVke3YNr0P_eDroW0dJC2uniCdv7CiBMCI8yrouOGH2QE1Boo4LR5VRG6S9AhKY7pm8snY9VXlpC7KemxuXznl8drw_Unb2rAPfY99ymf5jUfKxKN1gtm2-1/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Apos carregar aparecera uma pagina onde esta sendo carregado sua imagem,espere carregar e click em "Continue to next step" conforme a imagem abaixo</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9xxL6ld6D-EDk96wJcykWRTlQGjohPYC60smXvzbHuQWWwITUDu0UuVJqnX3tiR9gUIry55fQssQdpfGz5zDulJ3lnkM0K4P3bUvQoDjE9jSCZXSG8M_-vssc3wr_ziZX5nzeR-P6_3x/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9xxL6ld6D-EDk96wJcykWRTlQGjohPYC60smXvzbHuQWWwITUDu0UuVJqnX3tiR9gUIry55fQssQdpfGz5zDulJ3lnkM0K4P3bUvQoDjE9jSCZXSG8M_-vssc3wr_ziZX5nzeR-P6_3x/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both;">Logo apos voce clicar sera encaminhado para a pagina de mapear</div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMXYM4RS1au1ZRlGvogzMb0OYPZZx9YGkUX0WXavzUgFrNXHK1FdRcC2RdEi_f5DS081t_v35mC8b6lqvrdXW6I4Xop6IhroMpBPH5LC31dgHkxrr-J6ySk-Dxmn5LBmdNWfZJ1QveLD2/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMXYM4RS1au1ZRlGvogzMb0OYPZZx9YGkUX0WXavzUgFrNXHK1FdRcC2RdEi_f5DS081t_v35mC8b6lqvrdXW6I4Xop6IhroMpBPH5LC31dgHkxrr-J6ySk-Dxmn5LBmdNWfZJ1QveLD2/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Click em rectangle.Aparecera uma caixa onde voce vai colocar e encaixa no texto a ser mapeado ex:INICIO </div><div class="separator" style="clear: both; text-align: center;">Apos encaixar no texto Inicio o retangulo voce colocara o link e depois salva.</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX1BRFrfuq644I1AnH4ztFte2ViVBqUorktNOhi4_n9JjZ-LOahFvk2NFdlwpiVfRJOOzfWoz4V6fnEN0rifzTEPEweOFMlyWT2IIBn4B6EUfTq22-vg14sNrl_a-T_3vkXJxA_VPtj4vR/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX1BRFrfuq644I1AnH4ztFte2ViVBqUorktNOhi4_n9JjZ-LOahFvk2NFdlwpiVfRJOOzfWoz4V6fnEN0rifzTEPEweOFMlyWT2IIBn4B6EUfTq22-vg14sNrl_a-T_3vkXJxA_VPtj4vR/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga4tCa3pwKu7eiivenYlGBE1J1ZANdkdHmpKmfn_taFueN1TxiTqPF9z85ydZ0gKQ1xPIdVeFf7WCsUYVgdZFyB5jq1D4kq_iP3uapXag4dzj3uvJL8DcO3kBq0QESclTN8vPFPZ9vpjfr/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga4tCa3pwKu7eiivenYlGBE1J1ZANdkdHmpKmfn_taFueN1TxiTqPF9z85ydZ0gKQ1xPIdVeFf7WCsUYVgdZFyB5jq1D4kq_iP3uapXag4dzj3uvJL8DcO3kBq0QESclTN8vPFPZ9vpjfr/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvaZFZCZ_7dbok0RRHNvMa534UJClv6yBmWSzQvyIRKCScUB_hl118VU4O6D4dzPBekhLd8tnvzCfCRYNz9l4csxoqJXbp46vXG3ZSI0LAw0iBnOoNjhZ4elXOzS8oACo9BjMurAiMbkta/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvaZFZCZ_7dbok0RRHNvMa534UJClv6yBmWSzQvyIRKCScUB_hl118VU4O6D4dzPBekhLd8tnvzCfCRYNz9l4csxoqJXbp46vXG3ZSI0LAw0iBnOoNjhZ4elXOzS8oACo9BjMurAiMbkta/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Apos você mapear tudo o que deseja click em "Get your Code" para gerar o html para inserir no blog</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmDFORxhBjvCNrP3Ycue-ZeMSdwIjOfbhihsHpHD7zxWTSEjZNwBVg4IwxMFWGZ9IoKe9g86uMfSRDa3QnwmlQhWLE9Z2VO3Dj3VUNmGYDEHe6H4bRv8ogBpfir-KTBrJs1AhPYoFmIIbV/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmDFORxhBjvCNrP3Ycue-ZeMSdwIjOfbhihsHpHD7zxWTSEjZNwBVg4IwxMFWGZ9IoKe9g86uMfSRDa3QnwmlQhWLE9Z2VO3Dj3VUNmGYDEHe6H4bRv8ogBpfir-KTBrJs1AhPYoFmIIbV/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzfd1cMI4tto3chjMEXyCW1F2cLERHp29ODwvu2PWNorwrF1Ey4AwGbu3GRf7tmrc1MGUmVzjJAoOCpVDpBCcWrCb4_bS_0L4weZNMjS8Z6RMDgJ053qe-DkKpOR9ueTNdtCNt7hNqt36/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzfd1cMI4tto3chjMEXyCW1F2cLERHp29ODwvu2PWNorwrF1Ey4AwGbu3GRf7tmrc1MGUmVzjJAoOCpVDpBCcWrCb4_bS_0L4weZNMjS8Z6RMDgJ053qe-DkKpOR9ueTNdtCNt7hNqt36/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2vQAhNU9i6Hin2lJhaasbsOq4J-y86DNLc7ARCkm1PS40Ym_N9sCg13L31iVKmhMUO5cFLUfPQwSvKvebT9KPQl5CQ1FhvgNfJeHt0gljpmeNWFUHOxljeTMrpJEGbBDkfAKjIV5dXVl/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2vQAhNU9i6Hin2lJhaasbsOq4J-y86DNLc7ARCkm1PS40Ym_N9sCg13L31iVKmhMUO5cFLUfPQwSvKvebT9KPQl5CQ1FhvgNfJeHt0gljpmeNWFUHOxljeTMrpJEGbBDkfAKjIV5dXVl/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Copie o codigo ate o </map>,não esqueça de adicionar <span style="color: purple;"></div> </span>abaixo de </map>.</div><div class="separator" style="clear: both; text-align: center;">Para coloca-lo no blog você acessa o<span style="color: red;"> desing</span> do teu blog click em <span style="color: red;">editar html</span></div><div class="separator" style="clear: both; text-align: center;">Não click em expandir html não mexa em nada apenas pegue o codigo que você acabou de gerar e cole abaixo de </div><blockquote class="tr_bq"><div class="separator" style="clear: both;"><span style="color: magenta;"><body></span></div><div class="separator" style="clear: both;"><span style="color: magenta;"> <div id='outer-wrapper'><div id='wrap2'></span></div></blockquote><br />
<div class="separator" style="clear: both; text-align: center;">Pronto seu cabeçalho esta online e mapeado por você.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Você também pode colocar o código que gerou em adicionar gadget <span style="color: #a64d79;">HTML </span>e colar.Colocar a gadget no lugar da gadget cabeçalho.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Bom espero que tenham gostado do tutorial.Fiquem a vontade para deixar seu comentario.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Kisses...Kisses Nina</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div>I Like Desinghttp://www.blogger.com/profile/06395579562541212461noreply@blogger.com0tag:blogger.com,1999:blog-5205959311751263658.post-58706101435536296802012-07-10T11:22:00.001-07:002012-07-11T23:17:01.008-07:00Colocar player de musica SCM no blog.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-IKHS-IAArJCBzT4M9e_bVRXuHs7_Wt5rKrWPmtdwl1D_h6wybRIZeYc0UuL12TfqGlJerICR-ZABujrI51E1Ezs5uQl32bSYFLSTdMxp3KJKMQXu7X4-EE8xPhuWDsgcN1UGLZhcVf6/s1600/Miley+Cyrus+Miley.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-IKHS-IAArJCBzT4M9e_bVRXuHs7_Wt5rKrWPmtdwl1D_h6wybRIZeYc0UuL12TfqGlJerICR-ZABujrI51E1Ezs5uQl32bSYFLSTdMxp3KJKMQXu7X4-EE8xPhuWDsgcN1UGLZhcVf6/s320/Miley+Cyrus+Miley.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Olá pessoal tudo ok com vocês?</div><div class="separator" style="clear: both; text-align: center;">Bom hoje o tutorial é sobre como colocar aquele player de musica que fica no topo ou abaixo no blog.</div><div class="separator" style="clear: both; text-align: center;">Para começar você terá acessar esse site <a href="http://scmplayer.net/" target="_blank">SCM Music Player</a>,ja na pagina inicial terá os modelos com varias cores,você adiciona o que combinar com seu blog.Apos isso click em NEXT logo abaixo .</div><div class="separator" style="clear: both; text-align: center;"></div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgneiFz4QHU4npwoRhPJkUXwVPIrt_PDvaOKiD9SM-NyRReZI4RygvtSGwRKE-vlTlOD_gtXvytJft8v9J7SwMZ8KSBadpBl5IQWqogyH1FP4KIWiblWDYE7dXytl7-F05gvuXT25JaRlYG/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgneiFz4QHU4npwoRhPJkUXwVPIrt_PDvaOKiD9SM-NyRReZI4RygvtSGwRKE-vlTlOD_gtXvytJft8v9J7SwMZ8KSBadpBl5IQWqogyH1FP4KIWiblWDYE7dXytl7-F05gvuXT25JaRlYG/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote>-<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Você entrara em uma pagina para add as musicas.Você pode usar sites de musica ou ate mesmo o youtube,não aparece o vídeo somente o áudio do vídeo que você escolheu.Se voce escolher algum video do youtube voce clica em compartilhar e o endereço que aparece você add na sua lista de player.Apos isso add o nome que apareça da musica no player.Depois de voce add as musicas que deseja click em NEXT.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhACw9070BpWvU2uIvuW7jXlYJDYjQNCMEiQKXs-GV6ldTQWBTtKifJaM_jjPsqLRVbyeyn-l7HZQ6EmB2uUJ9cKoKaCYgH6b-bxugoZQ82hc1vqT4tm2OCo89eyLM3GpUd4GmTjiqsz7OM/s1600/tuto+de+player+musica+nest+pag.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhACw9070BpWvU2uIvuW7jXlYJDYjQNCMEiQKXs-GV6ldTQWBTtKifJaM_jjPsqLRVbyeyn-l7HZQ6EmB2uUJ9cKoKaCYgH6b-bxugoZQ82hc1vqT4tm2OCo89eyLM3GpUd4GmTjiqsz7OM/s320/tuto+de+player+musica+nest+pag.jpg" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Abrira uma pagina onde você fara as modificações para coloca-lo em seu blog.Nessa parte vc deve fazer o que deseja se ele apareça no top ou rodapé do blog se a lista aparecera e se a musica tocara ao entrarem no blog ou só quando clicar no player,apos isso você clica em DONE onde aparecera o código html para adiciona-lo no blog.Veja a foto abaixo</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OPnreLaYBqDS8OjNY7bbUtRX1zCuHMoNAicvehoFgdUxAzo-RxfJM5CYU0QrhpBYe71jYufZAP-0hReHT-iT_eTjxeXr2-mjotcdqNVv1U3aSTU6bFuiV3AZ3mm-4DDCZsNKvyVd0Mc_/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OPnreLaYBqDS8OjNY7bbUtRX1zCuHMoNAicvehoFgdUxAzo-RxfJM5CYU0QrhpBYe71jYufZAP-0hReHT-iT_eTjxeXr2-mjotcdqNVv1U3aSTU6bFuiV3AZ3mm-4DDCZsNKvyVd0Mc_/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74GZG143sYyFKxC1g7zUv1p8ZwB8VecxKEj_-ZBNRD1UNXd7sMvxax_ydDAV8ngXhvkfYyCYHkph5T7hRihy7Tvy4PRnNCRsSNWHw61xpTxIioQUsx_ZAMWlqHjLOBA4PoU7USm3LzlG0/s1600/Sem+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74GZG143sYyFKxC1g7zUv1p8ZwB8VecxKEj_-ZBNRD1UNXd7sMvxax_ydDAV8ngXhvkfYyCYHkph5T7hRihy7Tvy4PRnNCRsSNWHw61xpTxIioQUsx_ZAMWlqHjLOBA4PoU7USm3LzlG0/s320/Sem+t%C3%ADtulo.png" width="320" /></a></blockquote><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Apos você copiar o Código que foi gerado, você entra em seu desing adicionar nova gadget HTML e cole o código gerado na nova gadget.Não importa onde você coloca a gadget o player aparecera no topo ou rodapé do cabeçalho,conforme você escolheu,pronto seu player esta instalado.</div><div class="separator" style="clear: both; text-align: center;">Espero que tenham gostado do tutorial.</div><div class="separator" style="clear: both; text-align: center;">Fiquem a vontade para comentar!</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;">Kisses...Kisses Nina</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div>I Like Desinghttp://www.blogger.com/profile/06395579562541212461noreply@blogger.com0