tag:blogger.com,1999:blog-73916725415397340502024-03-05T19:29:57.331-03:00∞ Sugoi TutoriaisUnknownnoreply@blogger.comBlogger394125tag:blogger.com,1999:blog-7391672541539734050.post-45132919336320408342017-03-15T18:56:00.000-03:002017-03-15T18:56:44.730-03:00#VIDEOAULA - Design Responsivo por Node Studio<iframe width="560" height="315" src="https://www.youtube.com/embed/Z7z8J12hMco?list=PLwXQLZ3FdTVFi6oHo_K4IYDcwCU5-f1x5" frameborder="0" allowfullscreen></iframe>Jéssicahttp://www.blogger.com/profile/13671163585554561738noreply@blogger.com1tag:blogger.com,1999:blog-7391672541539734050.post-73915434139630634422016-09-18T23:40:00.000-03:002016-09-18T23:40:57.868-03:00#SLIDEDOBLOG - Slide Diapo<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-r-iDRHmcnJg/V99MdL2eUzI/AAAAAAAAA7A/GYI19R6LzwsLxwLTVh0YJvqNX5hYjgVZwCLcB/s1600/post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-r-iDRHmcnJg/V99MdL2eUzI/AAAAAAAAA7A/GYI19R6LzwsLxwLTVh0YJvqNX5hYjgVZwCLcB/s1600/post.png" /></a></div>
Oi gente! Esse tutorial é do slide que é usado aqui no blog. Confira abaixo o tutorial.<br />
<div style="text-align: center;">
<a href="http://www.pixedelic.com/plugins/diapo/"><b>Diapo by Pixedelic</b></a></div>
<br />
1) Coloque esse código no seu css.<br />
<br />
<a name='more'></a><br />
<pre>.pix_diapo {
background: #ccc; /* ALTERA O FUNDO */
height: 200px; /* ALTERA A ALTURA */
margin: 0 10px;
overflow: hidden;
position: relative;
width: 500px; /* ALTERA A LARGURA */
}
.pix_diapo > div {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#pix_prev, #pix_next {
cursor: pointer;
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1001;
}
#pix_prev {
background: url(https://1.bp.blogspot.com/-Al7QbuoAXBk/V93WwGLc0bI/AAAAAAAAA6Q/z-7RPfi4o4g--nVIvazGNXDzxEv44T8agCLcB/s1600/prev.png) no-repeat;
left: 10px;
}
#pix_next {
background: url(https://2.bp.blogspot.com/-ayGaSKn5bHM/V93WvsfBbQI/AAAAAAAAA6M/hFZn4UUep2gjJMoya8s7WQ4aEz3W83kWwCLcB/s1600/next.png) no-repeat;
left: auto!important;
right: 10px!important;
}
.pix_relativize {
overflow: hidden;
position: relative;
}
.imgFake {
cursor: pointer;
}
.elemHover {
position: absolute;
}
.caption {
background: #000; /* ALTERA O FUNDO DA LEGENDA */
bottom: 20px;
color: #fff;
display: block;
font-size: 13px; /* ALTERA O TAMANHO DA FONTE */
padding: 15px;
margin-bottom: -20px;
width: 500px; /* ALTERA A LARGURA */
text-transform: uppercase;
font-family: 'Arial'; /* ALTERA A FONTE */
}
.ui-loader {
display: none;
}
</pre>
<pre></pre>
<br />
2) Coloque os scripts antes da tag < / head>.<br />
<br />
<pre><script src='http://static.tumblr.com/wldnpu3/m1lmufnqi/jquery.min.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/wldnpu3/t42mufnr5/jquery.mobile-1.0rc2.customized.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/wldnpu3/uRUmufnrx/jquery.hoverintent.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/utmut0z/YHWniwou8/diapo.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/wldnpu3/Yi4mufnsy/jquery.easing.1.3.js' type='text/javascript'></script>
<script>
$(function(){
$('.pix_diapo').diapo();
});
</script>
</pre>
<br />
3) Coloque esse código onde quer que apareça o slide.<br />
<pre> </pre>
<pre><div class="pix_diapo">
<div>
<a href="LINK "><img src="LINK DA IMAGEM "/></a>
<div class="elemHover caption fromRight elemToHide">
LEGENDA AQUI</div>
</div>
</pre>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-7391672541539734050.post-24396496749329776472016-09-17T15:03:00.000-03:002016-09-17T15:03:50.975-03:00#VIDEOAULA - Curso de HTML e CSS para iniciantes<div class="separator" style="clear: both; text-align: center;">
<iframe width="550" height="400" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/iZ1ucWosOww/0.jpg" src="https://www.youtube.com/embed/iZ1ucWosOww?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-42301685036754163492016-09-06T22:37:00.001-03:002016-09-06T22:37:48.781-03:00Flat Icons - Packs social media<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-XBeEonzD3QY/V89o2UaKRvI/AAAAAAAAA3E/fOZ5a0HyFBox5_Dp9C_DTJLoN4Sy9hIhACLcB/s1600/a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XBeEonzD3QY/V89o2UaKRvI/AAAAAAAAA3E/fOZ5a0HyFBox5_Dp9C_DTJLoN4Sy9hIhACLcB/s1600/a.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Oi gente :) </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Não sei se você conhecem o site Flat Icon, lá tem diversos ícones em SVG, EPS, PNG, PSD. E como eu uso muito, principalmente os de rede sociais, separei 4 pacotes, confira abaixo:</div>
<center>
<a href="http://www.flaticon.com/packs/social-media"><img height="200" src="https://4.bp.blogspot.com/-Ur8PwJgO1Oo/V89tgxoihFI/AAAAAAAAA3s/4_aXHEGRfKsVkzryKffMajNL_wbyuSApgCLcB/s200/ICON1.png" width="200" /></a> <a href="http://www.flaticon.com/packs/social-media-logos-2"><img border="0" height="200" src="https://3.bp.blogspot.com/-Xg3kS8LHAEQ/V89thBF7cZI/AAAAAAAAA3w/2PgBkCpivMwQdnvYgeWzZC3W86DeUc33gCLcB/s200/ICON3.png" width="200" /></a>
<a href="http://www.flaticon.com/packs/social-media-icons"><img border="0" height="200" src="https://3.bp.blogspot.com/-6xrJiavxpT0/V89thJVNNPI/AAAAAAAAA30/4RqURg6aw-QY08nT5OxJxVkCts7WYcgZACLcB/s200/ICON4.png" width="200" /></a> <a href="http://www.flaticon.com/packs/simpleicon-social-media"><img border="0" height="200" src="https://4.bp.blogspot.com/-ZdemxVH9Yu0/V89thSLGENI/AAAAAAAAA34/K0dy1mhWfDIQ_QDXN8Dn72Nt16FalP8fQCLcB/s200/ICON5.png" width="200" /></a>
</center>
<center>
<br /></center>
<center>
Clique nas imagens para ser redirecionado nas páginas. Para fazer o download em Download Pack no lado direito da página.</center>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-gb9zLpiN1Sg/V89vNS0vLlI/AAAAAAAAA4A/Kr34TcsU0cckT4-pERuoO21hiUN14fFpgCLcB/s1600/download.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://2.bp.blogspot.com/-gb9zLpiN1Sg/V89vNS0vLlI/AAAAAAAAA4A/Kr34TcsU0cckT4-pERuoO21hiUN14fFpgCLcB/s1600/download.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Download Pack.</td></tr>
</tbody></table>
<center>
<br /></center>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-31827728012507035452016-07-18T19:26:00.000-03:002016-07-18T19:26:16.712-03:00#BLOGGER - Tema base responsivo<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-Ea_kYm-pWyw/V41V-5zOnxI/AAAAAAAAA0s/an78YvBk9WwZr78PDjudgOo2p6e_wGy2wCLcB/s1600/resp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-Ea_kYm-pWyw/V41V-5zOnxI/AAAAAAAAA0s/an78YvBk9WwZr78PDjudgOo2p6e_wGy2wCLcB/s1600/resp.png" /></a></div>
Olá! A Karine do blog Black Rose, disponibilizou dois temas responsivos para Blogger. Abaixo você poderá visualizar e baixar os temas. Se você usar, por favor não retire os créditos e comente <a href="http://blackrosebykah.blogspot.com.br/2016/04/download-layout-free-dois-modelos.html">aqui</a>. :D<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_aiplku2FK2ZXToaXc8LsbkyRf6GFhtp6frleXOYuDyiyfq132i3KsyDHWVBh23x6xc5A1U-qpE2nbxwgdFW4hsgOu32pA1ILLbJNwD6qHjunXgsEU9OgsbxZ4n93SLCYWRetF_EC-dv7/s640/07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_aiplku2FK2ZXToaXc8LsbkyRf6GFhtp6frleXOYuDyiyfq132i3KsyDHWVBh23x6xc5A1U-qpE2nbxwgdFW4hsgOu32pA1ILLbJNwD6qHjunXgsEU9OgsbxZ4n93SLCYWRetF_EC-dv7/s320/07.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"><b><a href="http://lay-free-um-ad.blogspot.com.br/">V I S U A L I Z A R</a> || <a href="http://pagsocial.com/i9m/layout-free-1">D O W N L O A D</a></b><a href="http://pagsocial.com/i9m/layout-free-1"> </a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3kUjv4k0vsd9sUfVuhtY4WpF_itey-jZCV97olkhN1F15o-h7IQFJYi4W7Xy_JaUdblT5rmeuSkY5moDvTGaXYcDVUCJolqDbVNLhcVins8c01I0uui1pWViQopHQi8ncgOKofCc7XfX/s640/08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3kUjv4k0vsd9sUfVuhtY4WpF_itey-jZCV97olkhN1F15o-h7IQFJYi4W7Xy_JaUdblT5rmeuSkY5moDvTGaXYcDVUCJolqDbVNLhcVins8c01I0uui1pWViQopHQi8ncgOKofCc7XfX/s320/08.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><b style="font-family: "Courier New", Courier, monospace;"><a href="http://lay-free-dois-ad.blogspot.com/">V I S U A L I Z A R</a> || <a href="http://pag.so/I9N/layout-free-2">D O W N L O A D</a></b><span style="font-family: Courier New, Courier, monospace;"><a href="http://pag.so/I9N/layout-free-2"> </a></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Créditos <a href="http://blackrosebykah.blogspot.com.br/">BLACK ROSE</a> </b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-69116213735640757372015-07-20T21:09:00.001-03:002015-07-20T21:10:40.951-03:00#BLOGGER: Postagens resumidas<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-gS2A-9q4nS0/VQDfBNmfFRI/AAAAAAAAAjc/i1TUFFH0Ipw/s1600/tag%2Bsugoi%2B2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-gS2A-9q4nS0/VQDfBNmfFRI/AAAAAAAAAjc/i1TUFFH0Ipw/s1600/tag%2Bsugoi%2B2015.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Oi gente ;) bom o tutorial de hoje é do site ProDeveloper, com vários estilos de postagens resumidas para blogger. Clique na imagem abaixo e confira o tutorial.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.prodeveloper.com.br/2014/06/elegantes-resumos-de-postagens-com.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZNadcuuFDEm3Ie8m1yPdHoiWGPZLxasURyouCAenZmi-7JfyuaIs6_jH5Z19qjyPvgu4zxjm51xUqS4-NJPjMwK7pv0CiZ2isEtaOxcxRBP6QlKkh27x-17NXOKr5RIHNpUE2Bs3FbqeG/s1600/resumo-automatico-de-postagens-pagina-inicial-2.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;">
<br /></div>
<br />Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7391672541539734050.post-39705286116418293962015-06-09T21:36:00.000-03:002015-10-27T22:54:21.135-02:00#BLOGGER: Rodapé personalizado<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-KgRJZ_i7UPw/VXeDLQZKYfI/AAAAAAAAAoY/YroV3K0Ruf8/s1600/tag%2Bsugoi%2B2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-KgRJZ_i7UPw/VXeDLQZKYfI/AAAAAAAAAoY/YroV3K0Ruf8/s1600/tag%2Bsugoi%2B2015.png" /></a></div>
Oi Gente! o tutorial de hoje é um estilo diferente de rodapé, já vários blogs/sites usando, então eu adaptei um código de outro post do blog - pra quem não viu é esse <a href="http://sugoitutoriais.blogspot.com.br/2013/02/barra-de-creditos-no-rodape-do-blog.html" target="_blank">aqui</a> - é bem fácil de usar, clique em <b>"Mais informações"</b> para conferir o tutorial completo.<br />
<br />
<a name='more'></a><b>1</b> - Vá em Modelo> Editar Html e pesquise a tag ]]</b:skin> e cole esse código antes dela.<br />
<pre> #rodape {
background: #eee;
height: 120px;
padding-top: 10px;
text-align: center;
color: #bbbbbb;
font-size: 12px;
font-family: 'Arial', sans-serif;
letter-spacing: 1px;
}
#rodape a {
text-align:left;
text-decoration: none;
color: #de8693;
padding: 1px;
margin: 10px;
-webkit-transition-duration: 0.8s;
}
#rodape a:hover {
color: #fff;
background: #de8693;
padding: 1px;
-webkit-transition-duration: 1.0s;
}</pre>
<br />
<br />
<b>2</b> - E esse código antes da tag </body>.<br />
<br />
<pre><div id='rodape'>
<div style='margin-left:230px;'> <img ALIGN='left' height='60px' src='http://static.tumblr.com/utmut0z/VsCnppcn9/looo.png'/> </div>
<div style='margin-right:650px;'>
<b> AQUI </b>
<br/>
<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>
<div style='margin-right:325px; margin-top:-70px;'>
<b> SEU</b>
<br/>
<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>
<div style='margin-right:20px; margin-top:-70px;'>
<b> TITULO </b>
<br/>
<a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/><a href='http://SEULINK.COM'>SEU</a><br/>
</div>
<br/>
<br/>
Edição e Design: <b>Sugoi Tutoriais</b>
|| Todos os direitos reservados &#169; 2015
</div></pre>
<br />
<br />
<div style="text-align: center;">
<i>Se você tiver alguma dúvida, entre em contato conosco pelo Facebook ou comente nesse post.</i></div>
<br />
<div style="text-align: center;">
<b>Obrigada pela visita! Deixe sugestões de tutoriais nos comentários.</b></div>
<br />
<br />
<br />Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-7391672541539734050.post-30032076245222813242015-05-13T20:24:00.003-03:002015-05-13T20:57:25.188-03:00#Tutorial: Perfil com foto Redonda<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivk_eN3gUrZ6m-myZ5bFSByIMJkmb6idIRXp3UrTmuu4Z2E_-MESl86D1O0NuY-Zb4drUw-Nm8aUMVggLPW5aVs8Rs3K8U6e4lR-128hLTJUaLm7bUSZsdigA6K60MWJgIPSL4_ghKuYU/s1600/tag+sugoi+2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivk_eN3gUrZ6m-myZ5bFSByIMJkmb6idIRXp3UrTmuu4Z2E_-MESl86D1O0NuY-Zb4drUw-Nm8aUMVggLPW5aVs8Rs3K8U6e4lR-128hLTJUaLm7bUSZsdigA6K60MWJgIPSL4_ghKuYU/s1600/tag+sugoi+2015.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Olá Pessoal ^^<br />
<br />
<span style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">Tudo bem com vocês? No post de hoje eu irei ensinar a colocar no Perfil foto Redonda, com a descrição e icones de Redes Sociais, ele fica super lindo no blog. Veja como é...</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gR-tKJFk5CWJ_xk2zBCK6mobzieISViUOEWWkttTp0UEXFdEOhU9DJnBrLGJpagGU7LAGK693rEh27CBNrJVQuKPt8xpyKVo7aGvuTnunfZXO6cCGO4zsyx_sncGl0RArGxU7WwfqNw/s320/Immagine.png" style="margin-left: auto; margin-right: auto;" width="250" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Creditos: <a href="http://www.renatamassa.com/">http://www.renatamassa.com/</a></td></tr>
</tbody></table>
<br />
Confira o tutorial ....<br />
<br />
<a name='more'></a>Então vocês irão pegar a imagem e hospedar no Picasa, (lembrando que vocês não irá precisar a mexer no HTML do Blog). Então va no Layout>Adicionar Gadget> HTML/Java Script, e depois cole esse codigo.<br />
<br />
<span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"><center></span><br />
<span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"><img src="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">LINK-DA-FOTO-DO-PERFIL</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:240px; heigh:auto;" /></span><br />
<span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"><br /></span><br />
<b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">NOME E DESCRICAO DA BLOGUEIRA AQUI</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"> <br /></span><br />
<span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"><center><a href="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">ENDEREÇO-DA-REDE-SOCIAL-FACEBOOK</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"><img src="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">URL-DA-IMAGEM-FACEBOOK</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"/></a><a href="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">ENDEREÇO-DA-REDE-SOCIAL-INSTAGRAM</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"><img src="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">URL-DA-IMAGEM-INSTAGRAM</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"/></a><a href="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">ENDEREÇO-DA-REDE-SOCIAL-TWITTER</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"><img src="</span><b style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">URL-DA-IMAGEM-TWITTER</b><span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;">"/></a></center></center></span><br />
<span style="background-color: white; font-family: 'please write me a song'; line-height: 25.6000003814697px;"><br /></span>
<span style="font-family: please write me a song;"><span style="background-color: white; line-height: 25.6000003814697px;">Para facilitar pra vocês as partes que tem que alterar ( colocar os links) está em negrito.</span></span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Substitua onde tem Link da Foto do Perfil pela URL da sua foto</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Onde tem: Nome e descrição da Blogueira: Substitua por um resumo sobre você.</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Onde tem Endereço da rede social: você substitui pelo seu link exemplo: www.facebook.com/seuface</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">E onde tem URL da Imagem Facebook: você coloca o link da imagem que você deseja...</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Assim acontece para as outras redes sociais.</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;"><br /></span>
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Se vocês quiser alguns icons para colocar nas Redes Sociais <a href="https://www.google.com.br/search?q=icones+redes+sociais&es_sm=122&source=lnms&tbm=isch&sa=X&ei=xdxTVeTxFoykgwSg4IHgCg&ved=0CAcQ_AUoAQ&biw=1280&bih=839" target="_blank">Clique Aqui</a>.</span><br />
<br />
Creditos: <a href="http://www.renatamassa.com/" target="_blank"><img alt=" Blog renatamassa.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfVMPa9NNV66TziZ9kD_xuLO50WkaQ7mC6duQ3-o8Ynh_ZQFLGO7Knx3egLSX1VnmlMmPOYJrlT2qrsxco2iEt4itnfJod-DKpRr5OokOri5L5LD94826G4H7s9lwBoBnOSilsXYQ3sMC/s1600/112.png" /></a><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;"><br /></span>
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;">Beijos Ate o Próximo Post ^^</span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25.6000003814697px;"><br /></span>
<b style="background-color: white; color: #ca5e3a; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;"> Deixe sugestão de tutorial nos cometários!</b>Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-7391672541539734050.post-60114528452603135932015-05-09T23:35:00.002-03:002015-05-10T16:12:53.207-03:00#Tutorial Menu Fixo Roll<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzI-V_Ax7eWWDmMh9zNphiq6UOcBB7fxRaGE-lwdiRaJic2A92DPhF4Z4M8FUTaJ0lXdU5nrs9cjL2k8Z4RCSe_Z0Imn5Ypy4QDVPevhv5r6_TzAnnETpawX2KxpxxxN1VBjCRf6LxAU/s1600/SERIE+HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzI-V_Ax7eWWDmMh9zNphiq6UOcBB7fxRaGE-lwdiRaJic2A92DPhF4Z4M8FUTaJ0lXdU5nrs9cjL2k8Z4RCSe_Z0Imn5Ypy4QDVPevhv5r6_TzAnnETpawX2KxpxxxN1VBjCRf6LxAU/s1600/SERIE+HTML.png" /></a></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;">
Olá Pessoal^^</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Tudo bem com vocês? No post de hoje eu irei ensinar a colocar um menu super básico que esta sendo muito usado ultimamente, sabe aquele menu que quando você desce a pagina e o menu desce no Topo também? Então e esse menu que irei ensinar a vocês pra colocar no seu blog^^.</div>
<div class="separator" style="clear: both;">
Confira o tutorial a baixo:</div>
<div class="separator" style="clear: both;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both;">
Você ira entrar em Layout>Adicionar Gadget> HTML/javaScript> Logo em Seguida você ira colocar esse codigo. </div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text0:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><div id="menufixo"></span></div>
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text0:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><div id="menufixo"></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text0:0:$4:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><li><a href="</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text0:0:$4:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: red;">Link da Pagina</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text1:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">"></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text1:0:$0:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: #3d85c6;">Inicio</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text1:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></a></li></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text1:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><li><a href="</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text1:0:$2:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: red;">Link da Pagina</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">"></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$0:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: #3d85c6;">Inicio</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></a></li></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><li><a href="</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$2:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: red;">Link da Pagina</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text2:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">"</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$0:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: #3d85c6;">Inicio</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></a></li></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><li><a href="</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$2:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: red;">Link da Pagina</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$text3:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">"</span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$end:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;">></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$end:0:$0:0" style="background-color: #f6f7f8; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"><span style="color: #3d85c6;">Inicio</span></span><span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$end:0:$0:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></a></li></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$end:0:$2:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></div></span><br />
<span data-reactid=".fn.$mid=11431180360614=241fe8ac12fc3d3fb89.2:0.0.0.0.0.0.$end:0:$4:0" style="background-color: #f6f7f8; color: #373e4d; font-family: helvetica, arial, 'lucida grande', sans-serif; font-size: 12px; line-height: 15.3599996566772px; white-space: pre-wrap;"></div></span><br />
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
E ira alterar o <span style="color: red;">Link da Pagina</span> eo <span style="color: #3d85c6;">Nome da Pagina</span>. Você salva o Gadget e vai em Modelo>Editar HTML>. Clica no Ctrl+F e procure por ]]></b:skin>, em cima do ]]></b:skin> você ira colocar esse Codigo.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<pre>/* Menu fixo no topo do blog by Elaine Gaspareto
--------------------------- */
#menufixo {
width: 72%;
text-aling: center;
color: #f38630;/*--cor da fonte--*/
padding-left: 100px;
font-weight: none;
margin: 183;
height: 40px; /* altura do menu */
position: fixed;
top: 0;
left: 183px;
background: #a7dbd8; /* cor de fundo do menu */
font-family: 'Josefin Slab'; /* nome da fonte */
font-size: 14px; /* tamanho da fonte */
text-transform: none;
opacity: .90;
}
#menufixo li {
list-style-type: none;
display: inline;
float: center; /* posicionamento do menu */
padding: 0px;
}
#menufixo li a {
color: #fff;
text-decoration: none;
padding-right: 24px;
line-height: 42px;
}
#menufixo a:hover {
color: #f27c15; /* cor do link da fonte em hover */
}
#menufixo ul {
list-style: none;
margin: 0;
padding: 0;
background: #f38630;
margin-left: 40px;
}
#mymenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 120px;
padding-left: -40px;
}
#mymenu li ul a {
font-size: 12px;
line-height: 24px;
}
#mymenu li:hover ul ul,
#mymenu li:hover ul ul ul,
#mymenu li.sfhover ul ul,
#mymenu li.sfhover ul ul ul {
left: -999em;
}
#mymenu li:hover ul,
#mymenu li li:hover ul,
#mymenu li li li:hover ul,
#mymenu li.sfhover ul,
#mymenu li li.sfhover ul,
#mymenu li li li.sfhover ul {
left: auto;
}
#menufixo {
margin: 0;
float: center;
padding: 0;
}
#menufixo ul {
float: center;
list-style: none;
margin: 0; padding: 0;
}
#menufixo li {
list-style: none; margin: 0; padding: 0; }
#menufixo li { float: center; padding: 0; }
#menufixo li ul a { width: 140px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#menufixo li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #menufixo li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#menufixo li:hover, #nav li.sfhover { position: static; }</pre>
<pre><pre></pre>
</pre>
<pre>Creditos By: </pre>
<pre>Elaine Gaspareto</pre>
<pre>
</pre>
<div class="separator" style="clear: both;">
E pronto o Menu estará no blog, se vocês quiser alterar o código é super fácil.</div>
<div class="separator" style="clear: both;">
Então Gente se vocês gostaram do Post ou tem uma Duvida e só comentar que irei responder, ah fiquem ligados no blog em breve irá ter a Tag #Personalizando Meu Blog do Zero.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b style="background-color: white; color: #ca5e3a; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;"> Deixe sugestão de tutorial nos cometários!</b></div>
<div class="separator" style="clear: both;">
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-7391672541539734050.post-49546892128147312802015-05-06T22:56:00.001-03:002015-05-06T22:57:06.370-03:00#DOWNLOADS: Versões Portables <div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-jWGSir-oHXI/VUq-gsNCwoI/AAAAAAAAAk8/lRBbMdsXDyY/s1600/tadown.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-jWGSir-oHXI/VUq-gsNCwoI/AAAAAAAAAk8/lRBbMdsXDyY/s1600/tadown.png" /></a></div>
<br />
Oi gente *\o/*<br />
<br />
Hoje o post vai ser sobre um dos assuntos mais pedidos aqui no blog, como baixar versões portables! E eu escolhi os programa que eu mais uso (o indesign nem tanto >.<) e eu baixei eles pelo torrent. Se você ainda não tem clique<a href="http://www.utorrent.com/intl/pt/" target="_blank"> aqui para fazer o download</a>, e o site para baixar os arquivos é <a href="http://kickass.to/">kickass.to</a>. Abaixo segue um tutorial rápido de como baixar.<br />
<br />
Baixe e instale o uTorrent, depois de fazer isso você vai no site <a href="http://kickass.to/">kickass.to</a> e pesquisa o arquivo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-fZcFLCDMDDE/VUrALFaBo1I/AAAAAAAAAlI/_q66djKAYMI/s1600/imagem%2B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-fZcFLCDMDDE/VUrALFaBo1I/AAAAAAAAAlI/_q66djKAYMI/s1600/imagem%2B1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Eu sempre escolho o primeiro que aparece, mas você pode clicar em qual preferir. Para fazer o download, clique no botão da imagem abaixo, os outros não dá certo por serem "falsos".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-FUBTDwsjy-8/VUrBEMVNmTI/AAAAAAAAAlQ/9RTMXg9PRVk/s1600/imagem%2B2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-FUBTDwsjy-8/VUrBEMVNmTI/AAAAAAAAAlQ/9RTMXg9PRVk/s1600/imagem%2B2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Feito isso, vai baixar um arquivo (número1), clique nele e em seguida vai iniciar o uTorrent e você vai escolher onde salvar e o que salvar, depois é só da Ok, que irá começar o download. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rF9BysGvm0Q/VUrDIJjFNQI/AAAAAAAAAlc/R-mnWHrmdIA/s1600/imagem%2B4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-rF9BysGvm0Q/VUrDIJjFNQI/AAAAAAAAAlc/R-mnWHrmdIA/s1600/imagem%2B4.png" height="203" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Os links para baixar os programas são esses: <a href="https://kickass.to/adobe-photoshop-cs6-13-0-final-extended-eng-jpn-mac-os-x-chingliu-t6355553.html" target="_blank">Photoshop</a> | <a href="https://kickass.to/adobe-illustrator-cc-17-0-0-final-multilanguage-chingliu-t7532791.html" target="_blank">Illustrator</a> | <a href="https://kickass.to/adobe-indesign-cc-9-2-2-multilanguage-32-64-bit-chingliu-t9213557.html" target="_blank">Indesign</a></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;">
<b>Deixe sugestão de tutorial nos cometários!</b></div>
<br />Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-7391672541539734050.post-38224256258231994372015-02-12T21:02:00.001-02:002015-02-12T21:03:23.954-02:00Bem vindos + Agenda<center>
<a href="http://4.bp.blogspot.com/-SgupdKNW4LY/VMllB_kgxBI/AAAAAAAAAfk/TtKmwCZ_d9E/s1600/tag%2Bsugoi%2B2015.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-SgupdKNW4LY/VMllB_kgxBI/AAAAAAAAAfk/TtKmwCZ_d9E/s1600/tag%2Bsugoi%2B2015.png" /></a></center>
<center style="text-align: justify;">
O <i>Sugoi Tutoriais</i> ficou um bom tempo sem postagens novas, até pensei em desistir de vez, mas como sempre, voltei de novo. Agora vai ficar melhor porque estou com tempo para preparar tutoriais para vocês. E pra voltar com tudo segue abaixo um tutorial legalzim para vocês. Bjbj </center>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-S3p5psqrv7o/VN0v5lJ3R5I/AAAAAAAAAf4/2shapYTD-nU/s1600/agenda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-S3p5psqrv7o/VN0v5lJ3R5I/AAAAAAAAAf4/2shapYTD-nU/s1600/agenda.png" height="196" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br /><br />
<center style="text-align: justify;">
</center>
<b>1 </b>- Coloque o código abaixo no seu css,<br />
<b>Wordpress</b>: em Folha de Estilo (style.php)<br />
<b>Blogger</b>: antes da tag <b>]]></b:skin></b> :<br />
<pre> .agenda{
width: 400px;
height: 240px;
float: left;
font-family:"Lato";
font-size: 16px;
margin-right:05px;
background-image:url('http://static.tumblr.com/utmut0z/UDKnjoj8w/confectionary.png');
position: center;
padding:05px;
box-shadow: 0px 0px 10px 0px #c0c0c0;
}
.agenda p {padding:05px;
background: rgba(36,36,36,0.4);
}
.agenda d{
background: #ee6449;
font-family: "Lato";
font-size: 15px;
padding: 02px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} </pre>
<b>2</b> - E onde quer que apareça coloque o código abaixo:<br />
<pre><div class="agenda">
<p><d>15/06</d> Meu aniversário ;p</p>
<p><d>12/09</d> 3 anos de sugoi <3</p>
<p><d>00/00</d> Alguma data ai</p>
<p><d>00/00</d> Alguma data ai</p>
<p><d>00/00</d> Alguma data ai</p>
</div></pre>
<pre></pre>
<blockquote class="tr_bq">
Créditos: <b>Sugoi Tutoriais</b> e <a href="http://singlethemes.tumblr.com/">Single Themes!</a></blockquote>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7391672541539734050.post-69685258902571296982014-07-16T19:50:00.000-03:002015-01-28T20:32:04.404-02:00#CUSTOM: Background personalizado<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XeN0MiWjKnI/U8A5ggCfgPI/AAAAAAAAAYA/2MZcMP5J9_E/s1600/CUSTOM2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://1.bp.blogspot.com/-XeN0MiWjKnI/U8A5ggCfgPI/AAAAAAAAAYA/2MZcMP5J9_E/s1600/CUSTOM2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Oi gente :) hoje eu trouxe um código que bastante gente está usando nos blogs/sites, o código é do <a href="https://www.facebook.com/LucasMiqueiias?fref=ts">Lucas Miquéias</a>. Confira abaixo a prévia e clique em Mais informações para conferir o tutorial.<br />
<br />
<div class="lucasmiqueias">
</div>
<br />
<a name='more'></a>1 - Coloque esse código antes do </head><br />
<pre><script src='http://code.jquery.com/jquery-1.3.2.min.js' type='text/javascript'/>
<script type='text/javascript'>
// CREDITOS : LUCAS MIQUÉIAS
var scrollSpeed = 30;
var current = 0;
var direction = &#39;left&#39;;
function bgscroll(){
current -= 1;
$(&#39;div.lucasmiqueias&#39;).css(&quot;backgroundPosition&quot;, (direction == &#39;left&#39;) ? current+&quot;px 0&quot; : &quot;0 &quot; + current+&quot;px&quot;);
}
// CREDITOS : LUCAS MIQUÉIAS
setInterval(&quot;bgscroll()&quot;, scrollSpeed);
</script> </pre>
2 - E esse código no seu css:<br />
<pre> .lucasmiqueias {
margin: 0 auto;
padding: 0 auto;
background: url('LINK DA SUA IMAGEM') repeat-x 0 bottom;
width:100%;
height:ALTURA px;
}</pre>
3 - E esse onde você quer que apareça:<br />
<pre> <div class="lucasmiqueias"></div> </pre>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7391672541539734050.post-73138735444728667332014-07-15T20:47:00.000-03:002015-01-28T20:32:12.350-02:00#CUSTOM: Div Style<div class="separator" style="clear: both; text-align: justify;">
<a href="http://1.bp.blogspot.com/-6KSpOKGMj7s/U8AowE8oI_I/AAAAAAAAAXw/zWzFZSHMwfE/s1600/CUSTOM1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://1.bp.blogspot.com/-6KSpOKGMj7s/U8AowE8oI_I/AAAAAAAAAXw/zWzFZSHMwfE/s1600/CUSTOM1.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Boa noite <b>*O*</b>. Bom, eu tive uma ideia de fazer tipo uma "<i>serie</i>" de postagens relacionadas a personalização - por isso o <b>#custom</b> (<strike>serio?</strike>) - então eu vou tentar postar uma por dia, como é personalizar pode ser que eu pegue códigos de outros e "<i>inove</i>" eles - <i>como eu fiz hoje</i> - o post de hoje, eu foquei mais naquelas barras (<b>?</b>) que ficam as <b>ultimas imagens</b>. Cliquem em Mais Informações para ver o tutorial</div>
<div class="separator" style="clear: both; text-align: center;">
.</div>
<center>
<div style="background: url(http://static.tumblr.com/um2zssm/bl6n8s2k4/ultimas.png) left no-repeat; height: 192px; width: 500px;">
<div style="float: left; padding-left: 150px; padding-top: 50px;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://snapwidget.com/in/?u=bG9yZGVtdXNpY3xpbnwxMDB8M3wxfHxub3w1fGZhZGVJbnxvblN0YXJ0fHllcw==&v=15714" style="border: none; height: 105px; overflow: hidden; width: 315px;" title="Instagram Widget"></iframe></div>
</div>
</center>
<br />
<a name='more'></a>Esse tutorial eu peguei do blog <a href="http://goimagines.blogspot.com.br/2012/06/como-colocar-background-nos-videos.html">Go Imagine</a>, então é os créditos é para a Alana :)<br />
<br />
1 - Faça a imagem que vai ficar de background;<br />
2 - Coloque o código abaixo onde quer que apareça.;<br />
<pre><div style="background: url(<span style="color: #6aa84f;">URL DO SEU BACK</span>) left no-repeat; height: <span style="color: red;">192</span>px; width: <span style="color: red;">500</span>px;"><div style="float: left; padding-left: <span style="color: blue;">48</span>px; padding-top: <span style="color: blue;">60</span>px;">Código das imagens</div></div></pre>
<b><br /></b>
<b>Legenda</b><br />
<span style="color: #38761d;">Verde</span>: Url da imagem que você criou;<br />
<span style="color: red;">Vermelho</span>: Tamanho da sua imagem, height: Altura, widht: Largura;<br />
<span style="color: blue;">Azul</span>: Em padding-left você pode alterar o valor para a esquerda, lembrando que existem números positivos (1;) e negativos (-1;). Em padding-top altere para cima.; - texto azul por go imagine -<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-6157034584521598982014-06-12T15:41:00.001-03:002015-01-28T20:25:03.152-02:00Ask: Box personalizada twitter<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-w0AKqo_Ev44/U5nu5QWIsnI/AAAAAAAAAXQ/e1blOUC4XCo/s1600/tag2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://1.bp.blogspot.com/-w0AKqo_Ev44/U5nu5QWIsnI/AAAAAAAAAXQ/e1blOUC4XCo/s1600/tag2014.png" height="141" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Oi gente, como foi pedido na Ask, aqui está o tutorial é o mesmo processo do <a href="http://sugoitutoriais.blogspot.com.br/2013/12/facebook-box-personalizada.html">box facebook</a>. Confira abaixo.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-H1EYATrX9_A/U5nzNFt8nUI/AAAAAAAAAXc/6J4yRpNorw0/s1600/Sem+T%C3%ADtulo-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-H1EYATrX9_A/U5nzNFt8nUI/AAAAAAAAAXc/6J4yRpNorw0/s1600/Sem+T%C3%ADtulo-1.png" height="320" width="264" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
1 - Coloque esse código no seu css.</div>
Blogger: Modelo> Editar Html > procure pela tag <b>]]></b:skin></b> e cole<b> antes</b> dela.<br />
<div class="separator" style="clear: both; text-align: center;">
Wordpress: Temas > Editor> Folha de estilo (style.php)</div>
<pre></pre>
<pre>.caixatwitter { </pre>
<pre>width: 278px; </pre>
<pre>height: 278px; </pre>
<pre>float: left; </pre>
<pre>margin-right: 10px; </pre>
<pre>background-image:url('http://static.tumblr.com/um2zssm/GpUn706x3/te.png'); </pre>
<pre>position: center; </pre>
<pre>padding-bottom:25px; </pre>
<pre>padding-top:33px; </pre>
<pre>box-shadow: 0px 0px 10px 0px #c0c0c0; </pre>
<pre>}</pre>
2 -Clique <a href="https://twitter.com/settings/widgets">aqui</a> e crie seu widget, e troque pelo o seu código. E coloque você quer que apareça.<br />
<br />
<pre><div class="caixatwitter">
SEU CÓDIGO</pre>
<pre></div></pre>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-12310385861055105822014-06-02T10:27:00.002-03:002015-01-28T20:25:21.050-02:00ASK: Tag para facebook<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Hpw8VcxhGCM/U2u1drGNROI/AAAAAAAAAVg/EuZ9_XBXEAc/s1600/tag2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://4.bp.blogspot.com/-Hpw8VcxhGCM/U2u1drGNROI/AAAAAAAAAVg/EuZ9_XBXEAc/s1600/tag2014.png" height="141" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Oi gente! Antes de tudo. <b>FERIAS SUA LINDA</b>. Bom eu já estou de férias e o blog vai ficar mais atualizado com os pedidos da ask e tudo mais. Como pediram uma tag para postar noticias no Facebook twitter eu fiz essa - faz um tempo já- e decidi postar cliquem na imagem abaixo e façam o download no media fire.</div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/bxni7mu7aybs9v4/tag_nova_facebook_2014.psb" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-w4oU9pglx1k/U4xsbBFDHII/AAAAAAAAAWk/38wo-REvBcc/s1600/tag+nova+facebook+2014.png" height="400" width="400" /></a></blockquote>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-21772394338062304652014-05-21T10:15:00.000-03:002015-01-28T20:26:49.739-02:00Ask: Tema Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0HjqO-rI2QU/U3ymvD4mxwI/AAAAAAAAAV8/CtF_rmG2_qg/s1600/tag2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://3.bp.blogspot.com/-0HjqO-rI2QU/U3ymvD4mxwI/AAAAAAAAAV8/CtF_rmG2_qg/s1600/tag2014.png" height="141" width="400" /></a></div>
<br />
Oi gente, pediram esse tema no Ask do blog e como o meu tema está dando erro, eu procurei um outro e achei esse - abaixo - e decidi postar.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO15V7IdgbOfn1-3miPO0HwR6524feJC0ZJIbcM3B4D_TkyVH6lNyakEOHDDS04kgoxCkWEP6Z59DqlEklpE_liSs_5_15pi_WwP-P76j2-6XvKGWkoQgDVL9ze54vCOjKEes7LmUBC7M/s1600/HTML+CSS3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO15V7IdgbOfn1-3miPO0HwR6524feJC0ZJIbcM3B4D_TkyVH6lNyakEOHDDS04kgoxCkWEP6Z59DqlEklpE_liSs_5_15pi_WwP-P76j2-6XvKGWkoQgDVL9ze54vCOjKEes7LmUBC7M/s1600/HTML+CSS3.jpg" height="163" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.templateparablogspot.com/search?updated-max=2014-03-10T20:12:00-03:00&max-results=3&start=18&by-date=false">CRÉDITOS</a> | <a href="https://sites.google.com/site/down00022/home/0022/00740.rar">DOWNLOAD</a> | <a href="http://ver740.blogspot.com.br/">DEMONSTRAÇÃO</a></div>
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-8672116792475568122014-05-18T14:47:00.000-03:002015-01-28T20:27:19.294-02:00ASK: Menu redes sociais<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-UrwY0Yvv8rs/U1RGaP9clXI/AAAAAAAAAS0/731-sZspKMk/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://3.bp.blogspot.com/-SIoG8Jh9LkA/U3jvv782ygI/AAAAAAAAAVs/8iAAGtgMO2A/s1600/tag20143.png" height="141" width="400" /></a></div>
<br />
Oi gente, mais um tutorial que foi pedido. Esse menu é bem simples. Confira o resultado e o tutorial para blogger e Wordpress.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-2WWJX54Pspc/U1RHwHE-R0I/AAAAAAAAATA/yZ-B-A5q-e0/s1600/menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-2WWJX54Pspc/U1RHwHE-R0I/AAAAAAAAATA/yZ-B-A5q-e0/s1600/menu.png" height="118" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: justify;">
<b>1 -</b> <i>Coloque esse código no seu css.</i></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Wordpress:</b> Aparência > Editor > Folha de estilo (style.php)</div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Blogger:</b> Modelo > Editar Html > procure a tag<b> ]]></b:skin> </b> e coloque antes dela.</div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Código: </b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<pre>.menuu {
width: 300px;
height: 150px;
float: left;
color: #fff;
font-family: 'Gotham', sans-serif;
font-size: 15px;
}
.menuu .facebook {
background: #333333;
font-family: 'Gotham', sans-serif;
font-size: 15px;
text-align: center;
padding: 9px;
-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .facebook:hover {background: #3B5998;-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .twitter {
background: #808080;
color: #fff;
font-family: 'Gotham', sans-serif;
font-size: 15px;
text-align: center;
padding: 9px;
-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .twitter:hover {background: #1BB2E9;-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .ask {
background: #979595;
color: #fff;
font-family: 'Gotham', sans-serif;
font-size: 15px;
text-align: center;
padding: 9px;
-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .ask:hover {background: #1B3550;-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .instagram{
background: #C0C0C0;
color: #fff;
font-family: 'Gotham', sans-serif;
font-size: 15px;
text-align: center;
padding: 9px;
-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;
}
.menuu .instagram:hover {background: #643D2F;-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;</pre>
<pre></pre>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b>2</b> - <i>Coloque o código abaixo onde você quer que o menu apareça.</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<pre> <div class="menuu">
<div class="facebook">
<a href="SEU LINK">Facebook</a></div>
<div class="twitter">
<a href="SEU LINK">Twitter</a></div>
<div class="ask">
<a href="SEU LINK">Ask</a></div>
<div class="instagram">
<a href="SEU LINK">Instagram</a></div>
</div> </pre>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<span style="color: #cccccc;">Tutorial feitor por <b>Sugoi Tutoriais</b>. Credite!</span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-38746028028886328622014-05-16T14:36:00.000-03:002015-01-28T20:31:57.497-02:00Novo design + freepik<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Hpw8VcxhGCM/U2u1drGNROI/AAAAAAAAAVc/sn_yVbMMlXw/s1600/tag2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://1.bp.blogspot.com/-Hpw8VcxhGCM/U2u1drGNROI/AAAAAAAAAVc/sn_yVbMMlXw/s1600/tag2014.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Oi gente, bom como vocês já perceberam novo design do <b>Sugoi Tutoriais </b>já está online já faz um tempo, mas não consegui falar sobre ele. Ele é bem simples - enjoei do outro - mais eu amei. E sobre o freepik é o céu. Tem várias opções, mais o nosso foco é o photoshop então confira abaixo alguns psd's do site.</div>
<br />
<center>
<a href="http://br.freepik.com/psd-gratis/colorido-da-bolha-do-discurso-icone-psd_688009.htm"><img src="http://cdns2.freepik.com/fotos-gratis/colorido-da-bolha-do-discurso-icone-psd_60-13686337223857.jpg" height="112" width="200" /></a>
<a href="http://br.freepik.com/psd-gratis/voltas-e-mais-voltas-fitas-na-cor-rosa_685841.htm"><img src="http://cdns2.freepik.com/fotos-gratis/voltas-e-mais-voltas-fitas-na-cor-rosa_280-4.jpg" height="112" width="200" /></a>
</center>
<br />
<a href="https://www.google.com.br/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CC8QFjAA&url=http%3A%2F%2Fbr.freepik.com%2F&ei=AEx2U9y_GZeKqAa8_4CIDw&usg=AFQjCNGW_Xo6lOjCHNqT2m590mbHaL2aNQ&sig2=AyDnzWtdmOKG9yylmYNkoQ&bvm=bv.66699033,d.b2k">CONFIRA O SITE</a>Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-7391672541539734050.post-42045738913631573032014-04-23T14:54:00.001-03:002014-05-06T14:50:10.731-03:00Blogger: Temas Base por By Erica<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-vtMGi7A8jNQ/UyT8kN3sI3I/AAAAAAAAAPA/fisi5Ymm_WY/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://2.bp.blogspot.com/-vtMGi7A8jNQ/UyT8kN3sI3I/AAAAAAAAAPA/fisi5Ymm_WY/s1600/tagsugoinovo.png" /></a></div>
Oi gente, eu acho que já postei algum tema dela aqui, mas eu visitei o site dela de novo e vi que tem alguns temas que são usados para fan sites - amei o tema 3 -. Para visitar e ver os temas clique na imagem abaixo.
<br />
<br />
<a href="http://www.byerica.blogspot.com.br/p/extras_28.html#.U1f8g6KyD4a" imageanchor="1"><img border="0" src="http://1.bp.blogspot.com/-eimLdwiWQoc/U1f-DQhnQOI/AAAAAAAAATo/WiKgI4ZqsZs/s1600/by.png" height="123" width="200" /></a><a href="http://www.byerica.blogspot.com.br/p/extras_28.html#.U1f8g6KyD4a" imageanchor="1"><img border="0" src="http://1.bp.blogspot.com/-eimLdwiWQoc/U1f-DQhnQOI/AAAAAAAAATo/WiKgI4ZqsZs/s1600/by.png" height="124" width="200" /></a>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-7391672541539734050.post-67526988827528592292014-04-17T09:49:00.001-03:002014-04-17T09:49:30.037-03:00Photoshop - Como fazer ribbons<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-MwnIyT9AxjA/UvY50tYBIKI/AAAAAAAAANY/u9HPq2KDDo4/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://2.bp.blogspot.com/-MwnIyT9AxjA/UvY50tYBIKI/AAAAAAAAANY/u9HPq2KDDo4/s1600/tagsugoinovo.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Oi gente, confiram o tutorial do tumblr <a href="http://cantinho-html.tumblr.com/post/35584997311">Cantinho Html</a> feito pela Mands.</span></div>
<div style="color: #dee3ea; font-family: verdana; font-size: 10px; line-height: 13px; margin: 5px; text-align: left;">
<img alt="image" src="http://media.tumblr.com/tumblr_mdean8y4r71r0yyyf.png" style="max-width: 100%;" /></div>
<div style="color: #dee3ea; font-family: verdana; font-size: 10px; line-height: 13px; margin: 5px; text-align: left;">
</div>
<a name='more'></a><br />
<div style="color: #dee3ea; font-family: verdana; line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Primeiramente, abra seu documento, coloque um background e escreva seu texto. Personalize o estilo do background à vontade…</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mdeafu4Xdu1r0yyyf.png" style="max-width: 100%;" /></span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Depois, aperte P para selecionar a Ferramenta Caneta.</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mde7ebZKlU1r0yyyf.png" style="max-width: 100%;" /></span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Agora, faça a marca parecida com a de um triângulo (de preferência) na ponta da faixinha.</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mdeagw0IpX1r0yyyf.png" style="max-width: 100%;" /></span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Clique com o botão direito e vá em <em>Criar Seleção</em> e dê Ok.</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mdeajgCXce1r0yyyf.png" style="max-width: 100%;" /></span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Agora, aperte Ctrl+C e em seguida Delete. Logo depois, dê Ctrl+V. Dê Ctrl+T na pequena imagem que você colou e vá em Girar 180°.</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mdealcYB4W1r0yyyf.png" style="max-width: 100%;" /></span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Agora é só ajustar a faixinha para ficar perto de onde foi retirado.</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Para dar um efeito melhor sobre ser uma dobradinha, você pode dar Ctrl+U e mudar a cor, ou apenas deixá-la mais escura. Exemplos:</span></div>
<div style="line-height: 13px; margin: 5px; text-align: left;">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><img alt="image" src="http://media.tumblr.com/tumblr_mdeam7jxdq1r0yyyf.png" style="max-width: 100%;" /> <img alt="image" src="http://media.tumblr.com/tumblr_mdean8y4r71r0yyyf.png" style="max-width: 100%;" /> <img alt="image" src="http://media.tumblr.com/tumblr_mdeanb9lCn1r0yyyf.png" style="max-width: 100%;" /></span></div>
<blockquote class="tr_bq">
<span style="color: #444444; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">CRÉDITOS: Tutorial por Mands - Cantinho HTML </span></blockquote>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7391672541539734050.post-8863613775985511332014-03-22T22:22:00.001-03:002014-03-22T22:22:55.868-03:00PEDIDO: Como retirar sidebar da Página Inicial<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMHkqL1B7Fish5unDDpUPOwor6_U5r8gnaVaSrgbTlB5u_AiJRte0HJVnZ0lI_z71kI-30-rdkIxN0u8XAbOKDPAOrHOumVNZ-RCfHnYyazU50L0RhVlxQOTNOPbgbho2-eHvyzOajkY/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIMHkqL1B7Fish5unDDpUPOwor6_U5r8gnaVaSrgbTlB5u_AiJRte0HJVnZ0lI_z71kI-30-rdkIxN0u8XAbOKDPAOrHOumVNZ-RCfHnYyazU50L0RhVlxQOTNOPbgbho2-eHvyzOajkY/s1600/1.png" /></a></div>
<div>
</div>
<div>
<br /></div>
Hoje (22), recebi um pedido de tutorial, bem, não vai ter print, vídeo, nada, um tutorial bem simples, simples mesmo. Me pediram, para ensinar a tirar sidebar da página inicial de seu site (também conhecido por Index), esse tutorial é para platafoma WordPress, caso você queira para Blogger, me mande na ask, faz uma sinal de fogo, sei lá, me avise que eu faço outro, mas enfim, é simples você vai no seu tema.<div>
<br /></div>
<div style="text-align: center;">
Painel > Aparência > Editor > Modelo da página inicial (index.php)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Após, retire o seguinte código:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<b><?php get_sidebar(); ?></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Esse código fica acima de dois fechamentos de divs (</div>) antes do <i><?php get_footer(); ?></i>, é apenas isso, apenas, espero ter ajudado.</div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-7391672541539734050.post-17927009666253683112014-03-22T22:00:00.001-03:002014-03-22T22:05:20.011-03:00PEDIDO: Foto dentro da bolinha - PSD<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_p2uF0eUYRSyWWr-ufSBCvDlMNltmgDLr6ubQYe4CaNZl5xPwbIMmRIzUxCCGlawe3YfoOABXYnyyXj9N-xiGmCRINCzX3iRG5bgl8HMRYBkb69oUirtfRvaSiLTpPxGWmqZkDXPGl0/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_p2uF0eUYRSyWWr-ufSBCvDlMNltmgDLr6ubQYe4CaNZl5xPwbIMmRIzUxCCGlawe3YfoOABXYnyyXj9N-xiGmCRINCzX3iRG5bgl8HMRYBkb69oUirtfRvaSiLTpPxGWmqZkDXPGl0/s1600/1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Essa semana, recebi muitos pedidos na <i>ask</i> do <i>Sugoi</i>, irei atender um por um, tentarei fazer todos, mas não muitos chegando, então vou realizar o primeiro, enfim, alguém me pediu, como colocar uma foto dentro de uma <u>"bolinha"</u>, e hoje é o quê irei ensinar. Bom, vamos lá. <a href="http://www.4shared.com/photo/4vxASeKfce/Bolinha.html" target="_blank">Clique aqui</a> para fazer o download da psd<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Ca_pk35tIqKvYdWOanl4k2HaUQvI_Y5zYO626haybzS88xcsqkVoOd0yc6QLB30eLmSmpcc-xG17MXHOAr6ZrGfaNYYSaVbrSJTSeL1I-kZHm_icTwCwAxPuaP5Bdl1nPF40NBxo-5g/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Ca_pk35tIqKvYdWOanl4k2HaUQvI_Y5zYO626haybzS88xcsqkVoOd0yc6QLB30eLmSmpcc-xG17MXHOAr6ZrGfaNYYSaVbrSJTSeL1I-kZHm_icTwCwAxPuaP5Bdl1nPF40NBxo-5g/s1600/1.png" height="212" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
Na pasta que eu criei (bolinha) troque a foto da Ariana pela foto desejada, depois clique em "Criar mascara de recorte" e pronto </blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1iwZe4TmxauEpPeYZG49oLhgQ0AgxS-G9N6T4XPFYxZVGU-K5uLdpNR8CsNFUsRCoDx6ZBu6slnb_-IXBZisXFlU3nG2XUPelGgaTgIX-AQgpHflvpNEh3GU7Itb6NMLmyh7WmDE-u4/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1iwZe4TmxauEpPeYZG49oLhgQ0AgxS-G9N6T4XPFYxZVGU-K5uLdpNR8CsNFUsRCoDx6ZBu6slnb_-IXBZisXFlU3nG2XUPelGgaTgIX-AQgpHflvpNEh3GU7Itb6NMLmyh7WmDE-u4/s1600/2.png" height="212" width="400" /></a></div>
<blockquote class="tr_bq" style="text-align: center;">
PS: Mude o BG (que no nosso caso é um print) </blockquote>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1iwZe4TmxauEpPeYZG49oLhgQ0AgxS-G9N6T4XPFYxZVGU-K5uLdpNR8CsNFUsRCoDx6ZBu6slnb_-IXBZisXFlU3nG2XUPelGgaTgIX-AQgpHflvpNEh3GU7Itb6NMLmyh7WmDE-u4/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-73906272415948226452014-03-16T11:41:00.000-03:002014-03-16T11:41:56.771-03:00Portable: Corel Draw X6<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ojnOTdIg_XU/UyW3Fe4UvOI/AAAAAAAAAQA/0pXZ_brVWjA/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img class="imagemcerta" border="0" src="http://2.bp.blogspot.com/-ojnOTdIg_XU/UyW3Fe4UvOI/AAAAAAAAAQA/0pXZ_brVWjA/s1600/tagsugoinovo.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;">Oi gente! achei esse portable no 4Shared e decidi postar. Clique <a href="http://www.4shared.com/archive/vd5sOETm/portable-coreldraw-x6-pt-br.html">aqui</a> para baixar o arquivo.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.corel.com/static/product_content/cdgs/x6/corel_balloons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.corel.com/static/product_content/cdgs/x6/corel_balloons.jpg" height="215" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #8e7cc3; font-family: Gotham,Arial, Helvetica, sans-serif;">O que é Corel Draw?</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">O CorelDRAW é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela Corel Corporation, Canadá. É um aplicativo de ilustração vetorial e layout de página que possibilita a criação e a manipulação de vários produtos, como por exemplo: desenhos artísticos, publicitários, logotipos, capas de revistas, livros, CDs, imagens de objetos para aplicação nas páginas de Internet (botões, ícones, animações gráficas, etc) confecção de cartazes, etc. <a href="http://pt.wikipedia.org/wiki/CorelDRAW">Leia Mais</a></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Fonte: Wikipédia</span></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7391672541539734050.post-14586450536417431522014-03-15T23:12:00.000-03:002014-03-15T23:12:25.648-03:00Facebook: Janela pop up no blogger<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-YtiJ0kKAz9Q/UyUGd8c2_vI/AAAAAAAAAPk/UneB6HxFMv0/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="imagemcerta" src="http://3.bp.blogspot.com/-YtiJ0kKAz9Q/UyUGd8c2_vI/AAAAAAAAAPk/UneB6HxFMv0/s1600/tagsugoinovo.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Oi gente! Bom esse tutorial foi o único que deu certo aqui no blog, tentei vários outros e não deu certo, esse é mais legal, porque ele fecha sozinho {:B}. Clique <a href="http://www.prodeveloper.com.br/2013/07/como-colocar-popup-likebox-do-facebook.html">aqui </a>e confira o tutorial.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RnYSYWOhFmA/UyUIVKechAI/AAAAAAAAAPw/JAbWGFVf388/s1600/pop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RnYSYWOhFmA/UyUIVKechAI/AAAAAAAAAPw/JAbWGFVf388/s1600/pop.png" height="284" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7391672541539734050.post-78200977788793211912014-03-15T22:37:00.000-03:002014-03-15T22:37:00.046-03:00ASK: psd É legal, mas<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vtMGi7A8jNQ/UyT8kN3sI3I/AAAAAAAAAO8/qCclyDxG5jE/s1600/tagsugoinovo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" class="imagemcerta" src="http://3.bp.blogspot.com/-vtMGi7A8jNQ/UyT8kN3sI3I/AAAAAAAAAO8/qCclyDxG5jE/s1600/tagsugoinovo.png" /></span></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Oi gente. Como pediram na <a href="http://ask.fm/sugoitutoriais">ask</a> um tutorial de como fazer esse "efeito", {<strike>sei lá o que é</strike>} eu decidi fazer um breve tutorial e mais um psd para ficar mais fácil. Veja o resultado e clique em mais informações pra conferir. E comente se for útil. Obigada</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-MtbRB2aokaM/UyT9v7gJ5WI/AAAAAAAAAPI/28zjKz-avss/s1600/%C3%89+LEGAL,MAS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="http://4.bp.blogspot.com/-MtbRB2aokaM/UyT9v7gJ5WI/AAAAAAAAAPI/28zjKz-avss/s1600/%C3%89+LEGAL,MAS.png" height="320" width="320" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><span style="font-family: Verdana, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: justify;">
<span style="color: #674ea7; font-family: Gotham,Arial, Helvetica, sans-serif;">Tutorial:</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">1 - Baixe o com as fontes e o psd usados {<a href="http://www.4shared.com/zip/EnvXqHapba/PSD__LEGAL.html">AQUI</a>};</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">2 - Instale as fontes e depois abra o photoshop e o psd;</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">3 - Abra a foto desejada ajuste como achar melhor e deixe como fundo;</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">4 - Selecione a camada fundo e vá em Filtro > Desfoque > Desfoque de caixa e deixe o raio 10;</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">5 - Redimensione a foto que vai ficar em destaque no meio, e crie uma mascara de corte, antes da camada "CAMADA DA FOTO PEQUENA"</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="http://2.bp.blogspot.com/-pwOrsIhlssM/UyT_J7btCEI/AAAAAAAAAPU/M3V43IC-yco/s1600/cama.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="http://2.bp.blogspot.com/-pwOrsIhlssM/UyT_J7btCEI/AAAAAAAAAPU/M3V43IC-yco/s1600/cama.png" height="151" width="200" /></span></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;">6 - Escreva seu texto e salve.</span></div>
<blockquote class="tr_bq" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;">Créditos: Hq celebrity e google fonts</span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<br />Unknownnoreply@blogger.com0