tag:blogger.com,1999:blog-5150028249753639182024-03-13T00:52:44.136-03:00Templates e AcessóriosElke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.comBlogger1208125tag:blogger.com,1999:blog-515002824975363918.post-25200652171377795022022-03-20T16:20:00.000-03:002022-03-20T16:20:24.888-03:00De volta para o meu aconchego<div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjmO8pRBkw7ab6wMih_mpxSw-ptIpb7x-aBal_AnAiKoggf850UthDdSehenYrF2KGCIcNWjSvUSIfXkeDsz9FesawyN9Du8AqDqDDAA_J-4E6x9D7rVr_iAY31DIvAI3sg53xIkvtKlL2YulvgLS35lrahjL4xzDI26l2_5bf3f4oMlwEVhWPUjRDnPg=s497" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="497" data-original-width="447" height="320" src="https://blogger.googleusercontent.com/img/a/AVvXsEjmO8pRBkw7ab6wMih_mpxSw-ptIpb7x-aBal_AnAiKoggf850UthDdSehenYrF2KGCIcNWjSvUSIfXkeDsz9FesawyN9Du8AqDqDDAA_J-4E6x9D7rVr_iAY31DIvAI3sg53xIkvtKlL2YulvgLS35lrahjL4xzDI26l2_5bf3f4oMlwEVhWPUjRDnPg=s320" width="288" /></a></div><br />Voltando depois de anos...Muitas coisas aconteceram em nossas vidas e agora, darei dicas Para o Canvas, Wordpress e Instagram. <div>Mudando do Blogger para o Wordpress. aguardem o link. </div><div><br /></div><div>Beijos</div><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-49934015234096695282016-07-28T18:44:00.000-03:002016-07-28T18:44:03.109-03:00Fontes que imitam giz<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuwBOtZHsPBQPcv482E71dr7MvJc2LhQ9VB-GdE-QEhP8T_mt-Y8epQRbOHZFIH2SxulED_fX1VVZt9qXg2yYGlJa_WpltJrMMAlDo6dOkvd8Hgv4jvvBNUkEHDN6rMt7MZlFYqV6Z-o/s1600/IMG_20150621_221555697.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuwBOtZHsPBQPcv482E71dr7MvJc2LhQ9VB-GdE-QEhP8T_mt-Y8epQRbOHZFIH2SxulED_fX1VVZt9qXg2yYGlJa_WpltJrMMAlDo6dOkvd8Hgv4jvvBNUkEHDN6rMt7MZlFYqV6Z-o/s400/IMG_20150621_221555697.jpg" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Na moda e muito linda, na onda retrô, essas fontes imitando giz, dão um toque especial, com ar de feito a mão em plaquinhas, tags e o que mais que sua criatividade mandar.<br />
Baixe as fontes, descompacte no seu programa de edição e mãos a obra.<br />
<a href="http://www.fontspace.com/search/?q=crayon&p=6"><b><br /></b></a>
<a href="http://www.fontspace.com/search/?q=crayon&p=6"><b>Clique aqui.</b></a><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-90130442285408501592016-07-24T13:55:00.000-03:002016-07-24T13:55:09.166-03:00Retirar Navbar, Atribuição e Feed Link do Blogger<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZRgZOloz605H01lR6oyqyWzBJizOOUlTyYspdHQ6yo9OEQ2ELX03pBRoCUn5HtoOj_RBd0RMFZeNiNMdrlwtkfOlXkmgCxTT3tTXzOTFALphuD__404w9f4He__YVXzkKD7ClejxJ118/s1600/retirar+elementos+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZRgZOloz605H01lR6oyqyWzBJizOOUlTyYspdHQ6yo9OEQ2ELX03pBRoCUn5HtoOj_RBd0RMFZeNiNMdrlwtkfOlXkmgCxTT3tTXzOTFALphuD__404w9f4He__YVXzkKD7ClejxJ118/s1600/retirar+elementos+blogger.png" /></a></div>
<br />
O Blogger e seus modelos nativos trazem alguns elementos que muitas vezes não gostamos, Eu por exemplo, toda vez que faço template para meus clientes, é a primeira coisa que faço, retirar estes três elementos que a meu ver, deixam o template com uma carinha nada profissional. Refiz esta dica deixando bem simples para vocês.<br />
<br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
.feed-links, #Attribution1, .navbar {display:none;}</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-21301302421183930002016-07-24T12:37:00.000-03:002016-07-24T12:37:45.947-03:00Postagens no Blogger em forma de grade<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiubTVrIxt8cmkGWHGi8oNu01JZqHrrt4PcnJgZDnGc9-RHODbxLdOkiyKADIvZMjpYRSqGJaE5qoE_RulK7GTPt7vIURBaz8ebc1nN67eIuH-_-adPHrA0moyHuScQdpn4pl7JiavBi6Dm/s1600/Postagnes+em+grade.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiubTVrIxt8cmkGWHGi8oNu01JZqHrrt4PcnJgZDnGc9-RHODbxLdOkiyKADIvZMjpYRSqGJaE5qoE_RulK7GTPt7vIURBaz8ebc1nN67eIuH-_-adPHrA0moyHuScQdpn4pl7JiavBi6Dm/s400/Postagnes+em+grade.png" width="393" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><a href="http://blogger-grid-layouts.blogspot.com.br/" target="_blank">DEMO</a> <a href="http://blogger-grid-layouts.blogspot.com.br/search?updated-max=2015-02-25T08:37:00-08:00&max-results=9&start=9&by-date=false" target="_blank">DEMO</a> </b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Um excelente tutorial para dar um ar mais profissional a seu blog. São as postagens do Blogger em forma de grade. Dão uma sintetizada em seu blog, fazendo com que o leitor tenha um apanhado de suas postagens, sem parecer cansativo ou desgastante, além da economia de espaço...<br />
<br />
O hack foi desenvolvido pelo blog <a href="http://helplogger.blogspot.com.br/2015/03/masonry-grid-layouts-for-blogger-posts.html" target="_blank">Helplogger</a><br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
Procure por <b><span style="color: #6aa84f;"></head></span></b> e acima dele cole o código abaixo.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
<br />
<script type='text/javascript'><br />
posts_no_thumb_sum = 100;<br />
posts_thumb_sum = 100;<br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
strx = s.join("");<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+'...';<br />
}<br />
function createSummaryAndThumb(pID, pURL, pTITLE){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = posts_no_thumb_sum;<br />
if(img.length>=1) {<br />
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" /></a></span>';<br />
summ = posts_thumb_sum;<br />
}<br />
<br />
else {<br />
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9ijz3URv91hsNn5aQO0RPA18k2-xUEZI1elWD8SQON-RAhZkW3Dk5NhQD5q0ttjHlWry54TC_wtLbMKOA1z-th1N2HnRXwmKA4ei5Th-sI8C2SZKLeIDvi9c6IYJ6GNHEBK8KETGZQe0/s1600/sorry-image-not-available.png" style="margin-top: -30px;" /></a></span>';<br />
summ = posts_thumb_sum;<br />
}<br />
<br />
var summary = imgtag + '<a href="'+ pURL +'"><div class="post-summary-text">' + removeHtmlTag(div.innerHTML,summ) + '</div></a>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script></div>
<br />
Salve!<br />
<br />
<br />
<br />
Agora clique em CTRL +F e procure pelo seguinte código: <span style="color: #93c47d;"><data:post.body/></span><br />
Pode ser que você encontre este código 3 vezes em seu template. Substitua apenas o segundo e o terceiro código.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogger-grid-layouts.blogspot.com.br/search?updated-max=2015-02-25T08:37:00-08:00&max-results=9&start=9&by-date=false" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7OWGYh_lglA0BGH3GxTIPtC_EvJTl4K7ZgLvoINl3akrGb5fKcWKC6pZzv0d_5Z-l2Xj3MYmJPTPcP8hm8yuj9_fHvpWksbVZ0h9IIuF2nW_brZcKaQCkOjOxO0hoL28Qf_ZCHlrJ_lAA/s400/Image21.png" width="400" /></a></div>
<br />
<span style="color: #93c47d;"><br /></span>
<span style="color: #93c47d;"><br /></span>
<span style="color: #93c47d;"><br /></span>
<br />
<div class="codeview">
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div expr:id='&quot;summary&quot; + data:post.id'><br />
<data:post.body/><br />
</div><br />
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</script><br />
<b:if cond='data:post.allowComments'><br />
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br />
<data:post.numComments/><br />
</a><br />
</b:if><br />
</b:if><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<data:post.body/><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />
<data:post.body/><br />
</b:if></div>
<br />
Salve!<br />
<br />
Agora escolha o modelo de seu agrado e acima de </head> cole o código ao qual você quer como modelo de postagens.<br />
<br />
<br />
<br />
<div class="codeview">
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType!= &quot;item&quot;'><br />
<style><br />
#blog-pager {<br />
clear:both;<br />
}<br />
.post {<br />
height:auto;<br />
width:31%;<br />
display:inline-block;<br />
text-decoration:none;<br />
float:left;<br />
margin:0 1.1% 2%;<br />
padding:0!important;<br />
}<br />
h3.post-title a {<br />
font-size:95%;<br />
font-family: &#39;Open Sans Condensed&#39;, sans-serif;<br />
text-transform:uppercase;<br />
color:#fff;<br />
padding:0;<br />
text-shadow: 2px 2px 3px #222;<br />
}<br />
h3.post-title {<br />
height: 22px;<br />
text-align:center;<br />
position:absolute;<br />
top:1%;<br />
width:100%;<br />
z-index:101;<br />
overflow:hidden;<br />
margin:0!important;<br />
padding:10px 0;<br />
}<br />
.date-header {<br />
visibility:hidden;<br />
height:0!important;<br />
width:0!important;<br />
margin:0!important;<br />
padding:0!important;<br />
}<br />
.posts-thumb {<br />
width:100%!important;<br />
height:190px!important;<br />
overflow:hidden;<br />
clear:both;<br />
}<br />
.post-body {<br />
border-radius:2px;<br />
box-shadow:0 5px 4px 1px rgba(0,0,0,0.1);<br />
position:relative;<br />
overflow: hidden;<br />
}<br />
.post-body a {<br />
text-decoration: none;<br />
}<br />
.post-body img {<br />
display:block;<br />
width:100%!important;<br />
height:auto!important;<br />
max-width:800px!important;<br />
max-height:400px!important;<br />
min-width:190px!important;<br />
min-height:190px!important;<br />
border:none;<br />
outline:none;<br />
position:relative;<br />
margin: 0px;<br />
padding:0;<br />
}<br />
.post-summary-text {<br />
cursor: pointer;<br />
background-color: rgba(44, 77, 163, 0.8);<br />
color:#fff;<br />
font-size:120%!important;<br />
font-family: &#39;Open Sans Condensed&#39;, sans-serif;<br />
clear:both;<br />
overflow:hidden;<br />
padding:25% 10% 0%;<br />
left: 0;<br />
position: absolute;<br />
text-align: center;<br />
vertical-align: bottom;<br />
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);<br />
top: 0;<br />
transform: scale(1);<br />
opacity: 0;<br />
z-index: 10;<br />
height: 100%;<br />
transition: all 300ms ease-out 0s;<br />
}<br />
.post-summary-text:hover {<br />
opacity: 1;<br />
}<br />
a.comment-bubble {<br />
color:#fff;<br />
text-decoration:none;<br />
font-size:100%;<br />
width: 100%;<br />
text-align: center;<br />
position:absolute;<br />
top:165px;<br />
left: 0px;<br />
text-shadow:1px 2px 1px #333;<br />
font-family: &#39;Pacifico&#39;, cursive;<br />
z-index: 122;<br />
}<br />
a.comment-bubble:before {<br />
content: &quot;Comments: &quot;;<br />
}<br />
.post-header,.post-footer {<br />
display:none;<br />
}<br />
</style></b:if></b:if><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/></div>
<br />
<br />
<br />
Salve!<br />
<br />
Mais modelos pegue na página oficial do desenvolvedor <b><a href="http://helplogger.blogspot.com.br/2015/03/masonry-grid-layouts-for-blogger-posts.html" target="_blank">clicando aqui</a></b><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-55160870147931897132016-07-24T02:11:00.000-03:002016-07-24T13:45:33.058-03:00Postagens relacionados<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFW2DTj1BuS0Y1vlm-OMburr2h7f38Ah-Fnpa5i93ZttJXATN2IWoazyTyVB5LZBIlaxS9q-CbpprPESAHCFnOoWrDmsTfq34b8Ol2JxvbuOzLLRs814-h_2G7EYZFsgPoi1CoQxZhRIbz/s1600/postagens+relacionadas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFW2DTj1BuS0Y1vlm-OMburr2h7f38Ah-Fnpa5i93ZttJXATN2IWoazyTyVB5LZBIlaxS9q-CbpprPESAHCFnOoWrDmsTfq34b8Ol2JxvbuOzLLRs814-h_2G7EYZFsgPoi1CoQxZhRIbz/s640/postagens+relacionadas.png" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://filmesdocumentariosvideos.blogspot.com.br/2014/01/o-curioso-caso-de-benjamin-button.html" target="_blank"><b>DEMO</b></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
A ideia é, fazer o visitante explorar seu blog, conhecendo a maior quantidade de páginas, lendo o conteúdo de seu blog, aprofundando no assunto e permanecendo alí, indefinitivamente. Então o segredo é instalar ferramentas para isso. Essa é uma boa ferramenta para aguçar a curiosidade.
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Procure por <span style="color: #6aa84f;"><div class='post-footer-line post-footer-line-3'></span><br />
<br />
<br />
<b style="color: red;"></b>Abaixo dele, cole o próximo código colocando o endereço do seu blog no local indicado:<br />
<br />
<div class="codeview">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var _0x5db5=["C 2j(a){(C(e){2 f={15:\x22\x22,V:5,1l:5,17:5,E:\x22\x22,6:14,13:\x22\x22,12:\x221O\x22,N:\x22\x22,19:\x222x 1i\x22,1d:\x221H://1.2y.1J.20/-2a/2r/2u/2v/2w/2B.2C\x22,1k:1I,1m:[\x221K\x22,\x221L\x22,\x221N\x22,\x221P\x22,\x221Q\x22,\x221R\x22,\x221S\x22,\x221T\x22,\x221U\x22,\x221W\x22,\x221X\x22,\x221Y\x22],1a:\x2225 1i\x22,16:\x22\x22,1o:2s};f=e.2t({},f,a);2 k=0,b=14,g=14;3(!f.E){1n.1G(\x27\x3CA Z=\x22F-R\x22\x3E\x3C/A\x3E\x27);f.E=\x22#F-R\x22}2 c=C(x,n){k++;3(x.U.W){J(2 o=0;o\x3Cx.U.W.z;o++){2 u=x.U.W[o];2 q=\x22\x22;J(2 m=0;m\x3Cu.18.z;m++){3(u.18[m].1e==\x2224\x22){q=u.18[m].L;28}}2 p=u.2i.$t.O(0,10);2 l=p.O(0,4);2 w=p.O(5,7);2 s=p.O(8,10);2 r=f.1m[1f(w,10)-1];2 y=u.2z$2A.$t;2 t=u.X.$t;3(\x221j$1c\x22Y u){2 v=u.1j$1c.11.T(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+f.1k+\x22-c\x22)}K{2 v=f.1d}3(1M.L.1r()!=q.1r()){i(q,t,v,l,s,y,r)}}}3(k\x3E=f.6.z){g.G(\x22B\x22,\x22\x22);e(\x22#F-P-1g\x22,b).1h();3(f.V\x3E0){e(\x22Q:1V(\x22+(f.V-1)+\x22)\x22,g).1h()}}};2 i=C(p,v,w,l,t,x,r){2 q=e(\x22Q\x22,g);J(2 o=0;o\x3Cq.z;o++){2 u=e(\x22a\x22,q.H(o));2 s=j(u);3(u.G(\x22L\x22)==p){h(u,++s);J(2 n=o-1;n\x3E=0;n--){2 m=e(\x22a\x22,q.H(n));3(j(m)\x3Es){3(o-n\x3E1){q.H(n).1Z(q.H(o))}M}}3(o\x3E0){q.H(0).21(q.H(o))}M}}g.22(\x27\x3CQ\x3E\x3Ca B=\x2223\x22 L=\x22\x27+p+\x27\x22 X=\x22\x27+(f.N?f.N.T(\x22\x5Cd\x22,1):\x22\x22)+\x27\x22\x3E\x3CD B=\x2226\x22\x3E\x3C27 1b=\x22\x27+v+\x27\x22 29=\x22\x27+w+\x27\x22/\x3E\x3C/D\x3E\x3C1p\x3E\x27+v+\x27\x3C/1p\x3E\x3C/a\x3E\x3CA B=\x222b\x22\x3E\x3CD B=\x222c\x22\x3E\x27+t+\x22 \x22+r+\x22 \x22+l+\x27\x3C/D\x3E\x3CD B=\x222d\x22\x3E\x3Ca L=\x22\x27+p+\x27#2e-2f\x22 2g=\x222h\x22\x3E\x27+x+\x22\x3C/a\x3E\x3C/D\x3E\x3C/A\x3E\x3C/Q\x3E\x22)};2 j=C(l){2 m=1f(l.G(\x221q\x22));M m\x3E0?m:1};2 h=C(l,m){l.G(\x221q\x22,m);3(f.N){l.G(\x22X\x22,f.N.T(\x22\x5Cd\x22,m))}3(f.16){l.G(\x22B\x22,f.16+m)}};2 d=C(){3(f.E!=\x22#F-R\x22){2 l=e(f.E);3(l.z!=1){M}b=e(\x27\x3CA Z=\x22F-R\x22\x3E\x3C/A\x3E\x27).I(l)}K{b=e(f.E)}3(!f.6){f.6=[];e(\x27a[1e=\x222k\x22]:2l(\x27+f.1l+\x22)\x22).2m(C(){2 n=e.2n(e(2o).2p().T(/\x5Cn/g,\x22\x22));3(e.2q(n,f.6)==-1){f.6[f.6.z]=n}})}3(f.6.z==0\x26\x26!f.1a){M}3(f.6.z==0){e(\x22\x3CS\x3E\x22+f.1a+\x22\x3C/S\x3E\x22).I(b)}K{3(f.19){e(\x22\x3CS\x3E\x22+f.19+\x22\x3C/S\x3E\x22).I(b)}}3(f.13){e(\x27\x3CA Z=\x22F-P-1g\x22\x3E\x27+f.13+\x22\x3C/A\x3E\x22).I(b)}g=e(\x22\x3C1s \x22+(f.12?\x27B=\x22\x27+f.12+\x27\x22\x27:\x22\x22)+\x22\x3E\x3C/1s\x3E\x22).I(b);3(f.6.z==0){e.1t({11:f.15+\x22/1u/P/1v/\x22,1w:{\x221x-1y\x22:f.17,1b:\x221z-Y-1A\x22},1B:c,1C:\x221D\x22,1E:1F})}K{J(2 m=0;m\x3Cf.6.z;m++){e.1t({11:f.15+\x22/1u/P/1v/\x22,1w:{2D:f.6[m],\x221x-1y\x22:f.17,1b:\x221z-Y-1A\x22},1B:c,1C:\x221D\x22,1E:1F})}}};3(f.1o){e(2E).2F(d)}K{e(1n).2G(d)}})(2H)};","|","split","||var|if|||tags|||||||||||||||||||||||||||||length|div|class|function|span|containerSelector|related|attr|eq|appendTo|for|else|href|return|relevantTip|substring|posts|li|postsx|h4|replace|feed|maxPosts|entry|title|in|id||url|loadingClass|loadingText|null|blogURL|postScoreClass|maxPostsPerTag|link|relatedTitle|recentTitle|alt|thumbnail|rlpBlank|rel|parseInt|loadingtext|remove|Relacionados|media|rlt_thumb|maxTags|rlt_monthNames|document|onLoad|strong|score|toLowerCase|ul|ajax|feeds|summary|data|max|results|json|script|success|dataType|jsonp|cache|true|write|http|70|blogspot|Jan|Fev|location|Mar|loadingnya|Abr|Mai|Jun|Jul|Ago|Set|gt|Out|Nov|Dez|after|com|before|append|jdlunya|alternate|Recent|gmbrrltd|img|break|src|htG7vy9vIAA|infonya|dt|jkmt|comment|form|target|_blank|published|relatedPostsWidget|tag|lt|each|trim|this|text|inArray|Tp0KrMUdoWI|false|extend|AAAAAAAABAU|e7XkFtErqsU|s1600|Posts|bp|thr|total|grey|gif|category|window|load|ready|jQuery","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0xd509x1,_0xd509x2,_0xd509x3,_0xd509x4,_0xd509x5,_0xd509x6){_0xd509x5=function (_0xd509x3){return (_0xd509x3<_0xd509x2?_0x5db5[4]:_0xd509x5(parseInt(_0xd509x3/_0xd509x2)))+((_0xd509x3=_0xd509x3%_0xd509x2)>35?String[_0x5db5[5]](_0xd509x3+29):_0xd509x3.toString(36));} ;if(!_0x5db5[4][_0x5db5[6]](/^/,String)){while(_0xd509x3--){_0xd509x6[_0xd509x5(_0xd509x3)]=_0xd509x4[_0xd509x3]||_0xd509x5(_0xd509x3);} ;_0xd509x4=[function (_0xd509x5){return _0xd509x6[_0xd509x5];} ];_0xd509x5=function (){return _0x5db5[7];} ;_0xd509x3=1;} ;while(_0xd509x3--){if(_0xd509x4[_0xd509x3]){_0xd509x1=_0xd509x1[_0x5db5[6]]( new RegExp(_0x5db5[8]+_0xd509x5(_0xd509x3)+_0x5db5[8],_0x5db5[9]),_0xd509x4[_0xd509x3]);} ;} ;return _0xd509x1;} (_0x5db5[0],62,168,_0x5db5[3][_0x5db5[2]](_0x5db5[1]),0,{}));<br />
//]]><br />
</script><br />
<div id='artikelterkaitmkr'><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
$(window).load(function(){<br />
relatedPostsWidget({<br />
related_title: "Artikel Terkait",<br />
recentTitle: "Posts Relacionados",<br />
containerSelector: "#artikelterkaitmkr",<br />
blogURL: "<b><span style="color: red;">AQUI O ENDEREÇO DE SEU BLOG</span></b>",<br />
maxPosts: 4,<br />
maxPostsPerTag:4,<br />
rlt_thumb: 120<br />
});<br />
});<br />
//]]><br />
</script><br />
</div><br />
</b:if><br />
<br/></div>
<br />
Salve !<br />
<br />
<br />
Procure por<span style="color: #6aa84f;"> ]]></b:skin></span> e cole o código abaixo depois dele.<br />
<br />
<br />
<div class="codeview">
<div class="separator" style="clear: both; text-align: center;">
</div>
<style><br />
#related-postsx h4{font-family: Segoe Print;font-size:160%;text-shadow:0 1px 2px #fff; margin-bottom:10px; text-align: center; background: #ccc; padding: 3px;}<br />
#related-postsx ul,#related-postsx li{padding:0;list-style:none;margin:0;overflow:hidden;position:relative}<br />
#related-postsx li{width:49.5%;float:left;height:135px;margin:0 0.25% 2px}<br />
#related-postsx .overlayb{width:100%;height:250px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8Sfk9IYor5IrlJJaRjK0b8chihOeuFeYfoRu8JdAWYvISV60t0FFIDxoGdKLRlQ47tZn4mzy_L_4nKQqSruXDsKbtBriwgjURIeJ8pqxdTQhHTX50UC5ECoTs1vcTVsBDnIzH7KrkTo/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:-50%}<br />
#related-postsx li:hover .overlayb{-ms-filter:&quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}<br />
#related-postsx img{width:100%;position:absolute;bottom:-40%;height:250px}<br />
#related-postsx strong{position:absolute;bottom:30px;color:white;font-family:&quot;Bitter&quot;,arial,sans-serif;padding:0 10px;z-index:4;width:100%;font-size:150%;font-weight:normal;text-shadow:0 1px 2px black}<br />
#related-postsx .infonya{position:absolute;bottom:10px;padding:0 10px;width:100%;z-index:3;color:white}<br />
#related-postsx .dt{margin-right:5px;padding-right:5px;border-right:1px solid #E9E9E9}<br />
#related-postsx .jkmt{position:absolute;right:10px;padding:2px 4px;top:-5px;background-color:#8A8A8A;z-index:3}<br />
#related-postsx .jkmt::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#8A8A8A #8A8A8A transparent transparent;position:absolute;top:100%;right:0}<br />
@media only screen and (max-width:479px){<br />
#related-postsx li{width:100%;margin:0 0 2px}<br />
}</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Procure por <span style="color: #6aa84f;"></body><span style="color: black;"> e acima dele cole o próximo código</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijzgfc30_QT56xOXVhb6ouUJZbNtIjKTNz_eXyXWWmWkanGozN7Lts0ylJKSrki-472r27Jx8LvdaeGwsNyorbO6YBQTBG6WWWjA87Q6Ujd2QVSNVBSW-Q87rFGJ5tCkHY3jeRsiE_3Yg/s1600/body.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijzgfc30_QT56xOXVhb6ouUJZbNtIjKTNz_eXyXWWmWkanGozN7Lts0ylJKSrki-472r27Jx8LvdaeGwsNyorbO6YBQTBG6WWWjA87Q6Ujd2QVSNVBSW-Q87rFGJ5tCkHY3jeRsiE_3Yg/s1600/body.png" width="400" /></a></div>
<br />
<br />
<br />
<div class="codeview">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
$(document).ready(function () {<br />
SocialBookmarks();<br />
relatedPostsWidget({<br />
related_title: "Posts relacionados",<br />
containerSelector: "#relatedpostsx",<br />
maxPosts: 4,<br />
loadingClass: "loadingxx",<br />
rlt_thumb: 300<br />
});<br />
<br />
});<br />
//]]><br />
</script><br />
</b:if></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Salve!<br />
<br />
Agora acima de <span style="color: #6aa84f;"></head></span> cole este código abaixo.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="codeview">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-78411346811078815912016-07-23T23:05:00.001-03:002016-07-24T14:52:21.398-03:00Marcadores em forma de menu suspenso e postagens que se abrem na mesma página<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN6LT_RWMe-PCo5DRFunNVaXiR9hlBZuCF0FGCxq-9kI83eAkEO_3Bm-AYsG1lFKIZY5jsxhGGAe-jm2lCo3HeM1Xw4zo1p-99_3_AGM4q3DURuMqilq4Eex3BU0d6rf0ET9bNtowMiKHm/s1600/Image7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN6LT_RWMe-PCo5DRFunNVaXiR9hlBZuCF0FGCxq-9kI83eAkEO_3Bm-AYsG1lFKIZY5jsxhGGAe-jm2lCo3HeM1Xw4zo1p-99_3_AGM4q3DURuMqilq4Eex3BU0d6rf0ET9bNtowMiKHm/s400/Image7.png" width="400" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8I-XgoICR-kfxmAkbHO4ZYBsdVOlcQwCyII163K5188MLAoph0rVbq3POv_2UWhKDX7sIgCgDfcnNkwcOOWhGBrlVzLIYzbKlv7YiU_1QfQ5CNuSYHSReQcFbSe4UhnCMtKfEQxc-qeP6/s1600/Image9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8I-XgoICR-kfxmAkbHO4ZYBsdVOlcQwCyII163K5188MLAoph0rVbq3POv_2UWhKDX7sIgCgDfcnNkwcOOWhGBrlVzLIYzbKlv7YiU_1QfQ5CNuSYHSReQcFbSe4UhnCMtKfEQxc-qeP6/s640/Image9.png" width="640" /></a></div>
<div style="text-align: center;">
<a href="http://filmesdocumentariosvideos.blogspot.com.br/" target="_blank"><b> DEMO</b></a></div>
<br />
<br />
<br />
Dois hacks que vão dar um toque especial e bacana a seu blog, além de deixa-lo mais eficiente e economizar espaço. <br />
<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Procure por <span style="color: #6aa84f;"><b><b:skin>...</b:skin> <span style="color: black;">se não encontrar procure por</span> ]]></b:skin></b></span> <br />
<br />
<b style="color: red;"><br /></b>
<b style="color: red;"><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCe9LCmgRPWJJI9R7n6W6XH6txTVdFFpCdbIRuArDZUuVzhAzzRAhx7-DL8hqNYeRT4hfSkRAcZ2zgMwAsWW8B4aZAlHI1Swe0FRZNLI_nU2opGdpOP3XIGEnhrIVQ7zlMjdxIF6nn-nv0/s1600/skin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCe9LCmgRPWJJI9R7n6W6XH6txTVdFFpCdbIRuArDZUuVzhAzzRAhx7-DL8hqNYeRT4hfSkRAcZ2zgMwAsWW8B4aZAlHI1Swe0FRZNLI_nU2opGdpOP3XIGEnhrIVQ7zlMjdxIF6nn-nv0/s1600/skin.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<b style="color: red;"></b>Abaixo dele, cole o próximo código:<br />
<br />
<div class="codeview">
<br />
<br />
<br />
<style><br />
.sidebar li{list-style-type:none; }<br />
a.loadpost{<br />
display:block;<br />
padding:8px;<br />
background-color:#cc0000;<br />
color:white;<br />
text-transform:capitalize;<br />
text-decoration:none<br />
}<br />
.labelnyatas a{<br />
list-style-type:none;<br />
display:inline-block;<br />
padding:0 5px;height:17px;<br />
font-size:8px;<br />
line-height:17px;<br />
text-decoration:none;<br />
background-color:#cc0000;<br />
color:white<br />
}<br />
.bwh-title .comment-link:hover,a.loadpost:hover,.labelnyatas a:hover{<br />
background-color:#cc0000}<br />
</style><br />
<br />
<style><br />
/* Label =====================*/<br />
.labelnyatas a{<br />
list-style-type:none;<br />
display:inline-block;<br />
padding:0 5px;<br />
height:17px;<br />
font-size:8px;<br />
line-height:17px;<br />
text-decoration:none;<br />
background-color:#cc0000;<br />
color:white<br />
}<br />
.bwh-title .comment-link:hover,a.loadpost:hover,.labelnyatas a:hover{<br />
background-color:#cccccc;<br />
font-family: Sans-serif Courier New;<br />
font-size: 18px;<br />
}<br />
.bwh-title .comment-link::after{<br />
content:&quot;&quot;;<br />
width:0;<br />
height:0;<br />
border-width:2px 4px;<br />
border-style:solid;<br />
border-color:#808080 #808080 transparent transparent;<br />
position:absolute;<br />
top:100%;<br />
right:0<br />
}<br />
<br />
.menu-xitem{<br />
list-style-type:none;<br />
font-size: 14px;<br />
height:35px;<br />
border-bottom:5px solid #000000;/*cor da linha */<br />
margin-bottom:20px;<br />
color:white<br />
}<br />
.menu-xitem .xitem1{<br />
list-style-type:none;<br />
height:30px;<br />
position:relative;<br />
float:left<br />
}<br />
.menu-xitem .liat{<br />
font-size: 18px;<br />
display:block;<br />
line-height:35px;<br />
padding:0 20px 0 10px;<br />
float:left;<br />
background-color:#cc0000; /*cor botão*/<br />
text-transform:uppercase;<br />
color:white;<br />
position:relative;<br />
text-decoration:none<br />
}<br />
#labelxnya{<br />
list-style-type:none;<br />
position:absolute;<br />
width:230px;<br />
top:100%;<br />
z-index:3;<br />
background-color:#000000;/* cor fundo menu*/<br />
display:none<br />
}<br />
#labelxnya.hidden{display:none}<br />
.menu-xitem .xitem1:hover #labelxnya.hidden{<br />
display:block<br />
}<br />
#labelxnya a{<br />
list-style-type:none;<br />
color:white;text-decoration:none;<br />
display:block;padding:0 10px;line-height:25px<br />
}<br />
#labelxnya a:hover{<br />
border-left:4px solid #cc0000<br />
}<br />
.menu-xitem .liat::before,.menu-xitem .liat::after{<br />
content:&quot;&quot;;width:0;height:0;<br />
border-width:4px 4px;<br />
border-style:solid;<br />
border-color:white transparent transparent transparent;<br />
position:absolute;<br />
top:14px;<br />
right:8px<br />
}<br />
.menu-xitem .liat::after{<br />
border-width:15px 6px;<br />
border-color:transparent transparent black black;<br />
left:100%;<br />
top:0;<br />
right:auto<br />
}<br />
<br />
</style><br />
<br />
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/><br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");}}<br />
<br />
window.labelnyacx=(function(){var a=function(d){var e=d||{},c=e.url_blog||window.location.host,b=e.id_labelcontent||"#labelxnya";$.ajax({url:"http://"+c+"/feeds/posts/summary?max-results=0&alt=json-in-script",type:"get",dataType:"jsonp",success:function(h){var f=h.feed.category,j="";if(f!==undefined){j="<ul class='subnya-xitem'>";for(var g=0;g<f.length;g++){j+='<li><a href="/search/label/'+encodeURIComponent(f[g].term)+'" target="_blank">'+f[g].term+"</a></li>"}j+="</ul>";$(b).html(j)}else{$(b).html("<span>No Label!</span>")}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>")}})};return function(b){a(b)}})();<br />
//]]><br />
</script><br />
</b:if> </b:if><br />
<div>
<br /></div>
</div>
<br />
<br />
Salve !<br />
<br />
<br />
<br />
Procure agora por<span style="color: #6aa84f;"> </body></span><br />
<br />
Acima dele cole o próximo código.<br />
<br />
<br />
<div class="codeview">
<br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
resizeThumb("main",250);<br />
labelnyacx();<br />
(function($) {<br />
var loadingGif = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejKBEc5a7_kVvZWr-zZV27l1Z7GQegzONtlQJQpWRdSjGJ8dbsZHNVz6Ql9A-5stwbD7T2qfn5tchmeUzFyv3-nWi9UHfGQcQ2hAP2BRI8sNH_sBxfSBh8VDJUVL71xLRrlTYovGeWwCy/s32/ajax-loader.gif';<br />
var olderPostsLink = '';<br />
var loadMoreDiv = null;<br />
var postContainerSelector = 'div.blog-posts';<br />
var loading = false;<br />
var win = $(window);<br />
var doc = $(document);<br />
// Took from jQuery to avoid permission denied error in IE.<br />
var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;<br />
<br />
function loadDisqusScript(domain) {<br />
$.getScript('http://' + domain + '.disqus.com/blogger_index.js');<br />
}<br />
<br />
function loadMore() {<br />
if (loading) {<br />
return;<br />
}<br />
loading = true;<br />
<br />
if (!olderPostsLink) {<br />
loadMoreDiv.hide();<br />
return;<br />
}<br />
<br />
loadMoreDiv.find('a').hide();<br />
loadMoreDiv.find('img').show();<br />
$.ajax(olderPostsLink, {<br />
'dataType': 'html'<br />
}).done(function(html) {<br />
var newDom = $('<div></div>').append(html.replace(rscript, ''));<br />
var newLink = newDom.find('a.blog-pager-older-link');<br />
if (newLink) {<br />
olderPostsLink = newLink.attr('href');<br />
} else {<br />
olderPostsLink = '';<br />
loadMoreDiv.hide();<br />
}<br />
<br />
var newPosts = newDom.find(postContainerSelector).children('.date-outer');<br />
$(postContainerSelector).append(newPosts);<br />
resizeThumb("main",250);<br />
// Loaded more posts successfully. Register this pageview with<br />
// Google Analytics.<br />
if (window._gaq) {<br />
window._gaq.push(['_trackPageview', olderPostsLink]);<br />
}<br />
// Render +1 buttons.<br />
if (window.gapi && window.gapi.plusone && window.gapi.plusone.go) {<br />
window.gapi.plusone.go();<br />
}<br />
// Render Disqus comments.<br />
if (window.disqus_shortname) {<br />
loadDisqusScript(window.disqus_shortname);<br />
}<br />
// Render Facebook buttons.<br />
if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {<br />
window.FB.XFBML.parse();<br />
}<br />
<br />
loadMoreDiv.find('img').hide();<br />
loadMoreDiv.find('a').show();<br />
<br />
loading = false;<br />
});<br />
}<br />
<br />
<br />
function init() {<br />
if (_WidgetManager._GetAllData().blog.pageType == 'item') {<br />
return;<br />
}<br />
<br />
olderPostsLink = $('a.blog-pager-older-link').attr('href');<br />
if (!olderPostsLink) {<br />
return;<br />
}<br />
<br />
var link = $('<a class="loadpost" href="javascript:;">Leia mais postagens</a>');<br />
link.click(loadMore);<br />
var img = $('<img src="' + loadingGif + '" style="display: none;">');<br />
<br />
loadMoreDiv = $('<div style="text-align: center; font-size: 140%;"></div>');<br />
loadMoreDiv.append(link);<br />
loadMoreDiv.append(img);<br />
loadMoreDiv.insertBefore($('#blog-pager'));<br />
$('#blog-pager').hide();<br />
}<br />
<br />
$(document).ready(init);<br />
<br />
})(jQuery);<br />
//]]><br />
</script><br />
</b:if></b:if><span style="color: #6aa84f;"><br /></span>
</div>
<br />
<br />
<br />
Agora procure por: <span style="color: #6aa84f;"><div class='columns-inner'></span><span style="color: #6aa84f;"></span><br />
<br />
Abaixo dele cole o próximo código<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbevyFm1TYZ_u9AmqkxY0rd90VJZA6r4eCgomBYLumfZOKcaUwS_4x21hkdWHQGiCc-ViV6aHUFeR3oJeaa6L8-1YyCOmvS44U_nH6x989gOeoFnay3Lhc38nlBSSm9vJjbPGm12p0sdZh/s1600/abrir+main.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<br />
<div class="codeview">
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div class='menu-xitem'><br />
<div><div class='xitem1'><a class='liat' href='#'><b:if cond='data:blog.url == data:blog.homepageUrl'> <br />
Postagem por assunto<br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;archive&quot;'> <br />
<data:blog.pageName/><br />
<b:else/><br />
<b:if cond='data:blog.searchQuery'><br />
<data:blog.searchQuery/> <br />
<b:else/><br />
<b:if cond='data:blog.searchLabel'><br />
<data:blog.searchLabel/><br />
</b:if><br />
</b:if><br />
</b:if><br />
</b:if></a> <br />
<div class='hidden' id='labelxnya'/><br />
</div></div><br />
</div><br />
</b:if></b:if> </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Salve<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-296121199521615952016-07-19T18:07:00.001-03:002016-07-19T18:07:35.566-03:00Imagem de carregamento, loading, em seu blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6M_xgmFn-ojiPpW9nenmN6PaFTCntYhRkjwnmj4cRVC8dqdjtn4EysdoIZvPcvpZgSKUnEaBtU-KGAk-6o0rRFa7CkUrKi0ezAnNaYs0Q0y2m4qts4QuXpXpcZ_6SbD7nEXraZJCLH1GG/s1600/tumblr_mgj44mNyST1s199fdo1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6M_xgmFn-ojiPpW9nenmN6PaFTCntYhRkjwnmj4cRVC8dqdjtn4EysdoIZvPcvpZgSKUnEaBtU-KGAk-6o0rRFa7CkUrKi0ezAnNaYs0Q0y2m4qts4QuXpXpcZ_6SbD7nEXraZJCLH1GG/s320/tumblr_mgj44mNyST1s199fdo1_500.gif" width="320" /></a></div>
Tem gente que adora um firula no blog, tipo eu, e gosta dessas imagens de carregamento no blog. Da um charme, uma impressão de site e podemos passar uma primeira impressão divertida aos nossos leitores, como essas imagens fofas de gatinhos. Bem facinho de utilizar no blog.<br />
<br />
<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
Clique no botão "Editar modelo" e depois nas teclas Ctrl e F. Ao abrir a janela, procure pelo seguinte trecho.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o1K5kKGc51AP7B9e5ZsDSf3DUKGcnaA04gfgx70pdiI3xnsRuqK3pESn-_qQu8aQwhh44bEeCxbxd64oxyp-TOW68gTAkUJM72i8IQ3bsrM2CMV11y2o8jAoFBbiaICteftq0H7cVhes/s1600/editar+modelo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="417" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o1K5kKGc51AP7B9e5ZsDSf3DUKGcnaA04gfgx70pdiI3xnsRuqK3pESn-_qQu8aQwhh44bEeCxbxd64oxyp-TOW68gTAkUJM72i8IQ3bsrM2CMV11y2o8jAoFBbiaICteftq0H7cVhes/s1600/editar+modelo.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Procure por<b> <span style="color: #6aa84f;"></head></span></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" width="400" /></a></div>
Acima dele cole este próximo código.<br />
<br />
<br />
<div class="codeview">
<script>function doload(){document.getElementById("load").style.display="none";}window.onload=doload;</script><br />
<br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" width="360" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Clique em Adicionar um Gadget
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s1600/1-adicionar+um+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s320/1-adicionar+um+gadget.png" width="200" /></a></div>
<br />
<br />
Ao abrir, clique em HTML/Javascript
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" width="298" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Cole então o próximo código fazendo as modificações necessárias.
<br />
<br />
<br />
<div class="codeview">
<div id="load" style="text-align:center;"><img src="<b>AQUI O ENDEREÇO DA IMAGEM</b>"/></div></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9h707yUPAZ_OdQEYu2bDg4_fd-ACC-t_bPKvIYKam6gegJUSIdkLW0DCMoRJT0tmTquggjOs6NRMeog2U7Q9utV5pzvElzaCKRrexd8RHmDyBxgt8PzA95k7SkOV4-Q8qzb0shIxCg-qc/s1600/01.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9h707yUPAZ_OdQEYu2bDg4_fd-ACC-t_bPKvIYKam6gegJUSIdkLW0DCMoRJT0tmTquggjOs6NRMeog2U7Q9utV5pzvElzaCKRrexd8RHmDyBxgt8PzA95k7SkOV4-Q8qzb0shIxCg-qc/s1600/01.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0U8cCT4sHyn71IZfPEJAPVxtsb5tmRT3YRl1fiZJdoK0Nv1XqPFmNalB_z0xjniZfkZffnndxsAFgL2F9Dl4GfUvuJyXx8yCl9kJkY9r8O7HdOSVE1kfkups1Jd5JAEJzi10GyRuMxpds/s1600/wavy.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0U8cCT4sHyn71IZfPEJAPVxtsb5tmRT3YRl1fiZJdoK0Nv1XqPFmNalB_z0xjniZfkZffnndxsAFgL2F9Dl4GfUvuJyXx8yCl9kJkY9r8O7HdOSVE1kfkups1Jd5JAEJzi10GyRuMxpds/s320/wavy.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIkZNBySh8H22c8Wc28FXwixNFtFyaQUnDxo2aIfwEAJrVPz0N_yLlFhyH6NxSUyNI2S17lb_72KCirH4nELeKld5ayAGmEaF2OrpZ5F3k8lIAxx5o2HXXEoFvuCAf1ejKI8ZE2ak7pbVM/s1600/unnamed-1_2048x2048.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIkZNBySh8H22c8Wc28FXwixNFtFyaQUnDxo2aIfwEAJrVPz0N_yLlFhyH6NxSUyNI2S17lb_72KCirH4nELeKld5ayAGmEaF2OrpZ5F3k8lIAxx5o2HXXEoFvuCAf1ejKI8ZE2ak7pbVM/s320/unnamed-1_2048x2048.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCX7pDXxNtYF5VbJFywD95HZPjI-lbiCdil9cFje3-JsNrlqC1FQ5OfNFkJ_L9KRuBqc1gEK9bKWij2oVltrMvaCgoG9lpAHNACXefmFgqHASYjb-m8umVRGE5TiZp-iDzRtqT_u5fK-BT/s1600/tumblr_o07ocueavC1v3bc1lo1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCX7pDXxNtYF5VbJFywD95HZPjI-lbiCdil9cFje3-JsNrlqC1FQ5OfNFkJ_L9KRuBqc1gEK9bKWij2oVltrMvaCgoG9lpAHNACXefmFgqHASYjb-m8umVRGE5TiZp-iDzRtqT_u5fK-BT/s320/tumblr_o07ocueavC1v3bc1lo1_500.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFgdNgKQLDhM3lULGT56DURKvibp2MEtsCoCvd1B8Txvv8tGHmyaxat2v8b-00f09y_AmlANeBu94K3zrhPT5hbLE4B1FEqHcOL2xHHLR56cDwEi262dIyb_ofI4YgAjJqJ9IP3EUDh_DN/s1600/large+%25283%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFgdNgKQLDhM3lULGT56DURKvibp2MEtsCoCvd1B8Txvv8tGHmyaxat2v8b-00f09y_AmlANeBu94K3zrhPT5hbLE4B1FEqHcOL2xHHLR56cDwEi262dIyb_ofI4YgAjJqJ9IP3EUDh_DN/s320/large+%25283%2529.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGt9o0OpL0agzDiWNUKkQG39c5RXdy0n5fLR1w3KPhP49vzVsCgkadhyjl-oRfRcA8rhoQ6DXx1KCr2BTdu7T4cmGxQRsa4Wu62pg-iXbR77KRj0Ldst2zEblNg7_A8UCV5EJ8KdTL2fPn/s1600/load.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGt9o0OpL0agzDiWNUKkQG39c5RXdy0n5fLR1w3KPhP49vzVsCgkadhyjl-oRfRcA8rhoQ6DXx1KCr2BTdu7T4cmGxQRsa4Wu62pg-iXbR77KRj0Ldst2zEblNg7_A8UCV5EJ8KdTL2fPn/s1600/load.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoFzDp9-RXGYV-8z-KJX3IYwSVz4LQkuOKeiauvNigRfTOIuONu4iaEaAdPnZ7qLMhPpetaKTNnXiDMO-SiuQlUmcMLzVh1oYaAjkNY_j305Ltv1UkHIxTBiaIkVbX9yQqJzLulnTjz7QT/s1600/loader.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoFzDp9-RXGYV-8z-KJX3IYwSVz4LQkuOKeiauvNigRfTOIuONu4iaEaAdPnZ7qLMhPpetaKTNnXiDMO-SiuQlUmcMLzVh1oYaAjkNY_j305Ltv1UkHIxTBiaIkVbX9yQqJzLulnTjz7QT/s1600/loader.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-B9-MJTF699K0Z-uHf5YM5kNuoRcicECRO0KwrL0_VKaEJoGuQcBMhxau9S_sdlgfL4Q4rqLZNU3O5SOxcRzVdRgAzeNAjO7AbMU6Z0A9v0RaoX47WHWBg483cWObzmavo6dnfVWgI0b/s1600/loading.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-B9-MJTF699K0Z-uHf5YM5kNuoRcicECRO0KwrL0_VKaEJoGuQcBMhxau9S_sdlgfL4Q4rqLZNU3O5SOxcRzVdRgAzeNAjO7AbMU6Z0A9v0RaoX47WHWBg483cWObzmavo6dnfVWgI0b/s320/loading.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhobAmIAdoGSkbErKp-8Nn_WXqLv9_sY5fWUHkhzDlrAJJFG_FzdyinQp-JMljYqhCueyuu92GKS3ZdW0BmMdhHCom05Hp7b3y71caorx5HWLySzJJrxwlOD7mEsILGtWoL75xQ0_N3LxZp/s1600/loadingd.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhobAmIAdoGSkbErKp-8Nn_WXqLv9_sY5fWUHkhzDlrAJJFG_FzdyinQp-JMljYqhCueyuu92GKS3ZdW0BmMdhHCom05Hp7b3y71caorx5HWLySzJJrxwlOD7mEsILGtWoL75xQ0_N3LxZp/s1600/loadingd.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvYL6nuGhO5AFwlWlpMNL535ZpL2uD7aMzJUv9VbJx7QwvT7jUGZdZFrL3Z-MmWmlYnwW4kFgUIgZSnuK0XmtaTOtbnlJr9UQfgegnTIsatWcsMmQTVIRYaYxVHBl3KeXNLW9ntIUSxAx/s1600/KURSLR2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvYL6nuGhO5AFwlWlpMNL535ZpL2uD7aMzJUv9VbJx7QwvT7jUGZdZFrL3Z-MmWmlYnwW4kFgUIgZSnuK0XmtaTOtbnlJr9UQfgegnTIsatWcsMmQTVIRYaYxVHBl3KeXNLW9ntIUSxAx/s320/KURSLR2.gif" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTb6saTjjCwI9129Gz0RNIbUo1fKJomooa4ON-_Kmv0HBFBR9_IYIcUmUBvJl3KKHG55ctrU48EkjC0Ux-k0ZLuIdJZKbbM3f0pJrhQ9bhOJ4ED3XvSBBypqxhyphenhyphen2YEVd-FFoVEeXdfoivh/s1600/loader+%25281%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTb6saTjjCwI9129Gz0RNIbUo1fKJomooa4ON-_Kmv0HBFBR9_IYIcUmUBvJl3KKHG55ctrU48EkjC0Ux-k0ZLuIdJZKbbM3f0pJrhQ9bhOJ4ED3XvSBBypqxhyphenhyphen2YEVd-FFoVEeXdfoivh/s1600/loader+%25281%2529.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVW43SLd-haa9yrgTBOoFv24Fu-f6yMy2wOX3y493BATQEkveo_10dhwHe8dHMopDs_YHsgSNpnHcHpVSgaiLoVkwkAPnIcyqw2k8WsGmtSbs1wBq2knVRCZPILq8y2frAT18OegWDvlbr/s1600/loading-kiss.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVW43SLd-haa9yrgTBOoFv24Fu-f6yMy2wOX3y493BATQEkveo_10dhwHe8dHMopDs_YHsgSNpnHcHpVSgaiLoVkwkAPnIcyqw2k8WsGmtSbs1wBq2knVRCZPILq8y2frAT18OegWDvlbr/s1600/loading-kiss.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwB08d8WUUKuaQ1vfxRoF1ghVEcx61ld6grrl7RPIlm-EeRUY0kZE-S1qxrVbi6efTrmAV-KF-6H603k788bSBjwvIgl-OXPkqpZWCmTx-ow2r7-cfssXzAk0JOPdDkbHqyQq-MuAcxlGC/s1600/funny.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwB08d8WUUKuaQ1vfxRoF1ghVEcx61ld6grrl7RPIlm-EeRUY0kZE-S1qxrVbi6efTrmAV-KF-6H603k788bSBjwvIgl-OXPkqpZWCmTx-ow2r7-cfssXzAk0JOPdDkbHqyQq-MuAcxlGC/s1600/funny.gif" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQMlexpee7q7nP7jNI022ReXZxK1NN0mPPdPsqSr5zvxNWAGHa5ZuAM1rhYo9gVOt4mwlnaYfs928cuVu-h9yxQsC10e7-JEmnS4PU758L62W23MzpVjvusIadGxobtcAHrfZFJB6HvhtL/s1600/tumblr_mgj44mNyST1s199fdo1_500.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQMlexpee7q7nP7jNI022ReXZxK1NN0mPPdPsqSr5zvxNWAGHa5ZuAM1rhYo9gVOt4mwlnaYfs928cuVu-h9yxQsC10e7-JEmnS4PU758L62W23MzpVjvusIadGxobtcAHrfZFJB6HvhtL/s320/tumblr_mgj44mNyST1s199fdo1_500.gif" width="320" /></a></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-91790194111710663502016-06-28T11:31:00.004-03:002016-06-28T11:40:18.444-03:00Número do seu telefone no Blogger para ligação direta<div class="separator" style="clear: both; text-align: center;">
<a href="tel:N%C3%9AMERO%20DO%20TELEFONE%20AQUI%20COM%20O%20DDD" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhb3Wx7Dtnyxv1DYzX7qUWcBQPn0ibrd0FVdQd_RQ_laCUd_geNTX2mCxikuy4QK48WrkdYo4p6z8Wx06HK7jSFce8lJQwTRwtF3wr5BuYAnxJWpXj3BiHyNfISU7_Lu1k7LsUMHibWVN/s200/Vintage-Telephone-Image-GraphicsFairy.jpg" width="200" /></a></div>
<br />
<br />
Não sei sobre o que é seu blog. Pode ser que seja sobre vendas e se torne necessário muitas vezes que se link o número do telefone, já que mais da metade da população usa internet através do celular,. Eis então o código que poderá ser aplicado a sidebar, ao post ou mesmo ao layout desde que seja aplicado no modo HTML.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
<a href="tel:<span style="color: red;">NÚMERO DO TELEFONE AQUI COM O DDD</span>" style="font-weight: normal;"><b><span style="font-size: x-small;"><span style="color: red;">REPETIR AQUI O NÚMERO DO TELEFONE COM O DDD</span></span></b></a><br />
<br /></div>
Você pode também linkar o número a uma imagem, como fiz. Basta copiar o código abaixo e proceder da mesma forma.<br />
<br />
<br />
<div class="codeview">
<a href="tel:<span style="color: red;">NÚMERO DO TELEFONE AQUI COM O DDD</span>"><img src="<span style="color: red;">ENDEREÇO DA IMAGEM</span>" alt="" border="0" /></a><br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" width="360" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
Clique em Adicionar um Gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s1600/1-adicionar+um+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s320/1-adicionar+um+gadget.png" width="200" /></a> </div>
<div style="text-align: center;">
<br /></div>
<br />
<br />
<div style="text-align: center;">
Ao abrir, clique em HTML/Javascript </div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" width="298" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-11368342404261028242014-12-21T03:00:00.000-02:002014-12-21T19:22:17.166-02:00Scroller colorido no novo Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyG4n9Yh6qxD-gtbhmiuSyT5bNgl6dX0jJexGjI2hrQb8IqVEQ5qhRfkRjDJT9O1Xybazx17JvIqvtShGkTjJV0NpkgOAirWvugXMe97CAWhEdWOWF_lm7D8133ZMnGPxa8qGCI9hERQFb/s1600/scroller.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyG4n9Yh6qxD-gtbhmiuSyT5bNgl6dX0jJexGjI2hrQb8IqVEQ5qhRfkRjDJT9O1Xybazx17JvIqvtShGkTjJV0NpkgOAirWvugXMe97CAWhEdWOWF_lm7D8133ZMnGPxa8qGCI9hERQFb/s1600/scroller.png" height="320" width="107" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Para colocar scroller colorido no novo Blogger, como o que tenho aqui em meu blog, vá até o Modelo do seu blog.<br />
<br />
<br />
<br />
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
conteudo aqui</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="codeview">
<br />
/*Scroller --------------------------------------*/<br />
::-webkit-scrollbar {width: 12px;}<br />
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}<br />
::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }<br />
{<br />
scrollbar-face-color:#fff;<br />
scrollbar-highlight-color:#fff;<br />
scrollbar-3dlight-color:<b><span style="color: red;">#D41212</span></b>;<br />
scrollbar-darkshadow-color:<b><span style="color: red;">#D41212</span></b>;<br />
scrollbar-shadow-color:<b><span style="color: red;">#D41212</span></b>;<br />
scrollbar-arrow-color:<b><span style="color: red;">#D41212;</span></b>/*setinhas*/<br />
scrollbar-track-color:#fff;/*fundo*/<br />
}<br />
::-webkit-scrollbar {width: 12px; height: 4px; background: #fff; }<br />
::-webkit-scrollbar-thumb { background: <b><span style="color: red;">#D41212</span></b>; }</div>
<br />
Depois é só trocar as cores pelas cores de seu blog. <div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com2tag:blogger.com,1999:blog-515002824975363918.post-14543903991383916042014-07-28T18:33:00.000-03:002014-07-28T18:33:34.232-03:00Postagens populares com efeito de slide <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjku_8aYvCPk-WFPDnYn8f7hVZUiA614hRoEWj7565aCamF8TySZYF2unnIFPEVG9dqH58XNMN-KhQXV7OvT0tMEI4jkJx-H_N9lQa_AsE74GKsQNjfVxMVuPzE9jF96aAhXg9dpKYPrEfH/s1600/postagens+populares.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjku_8aYvCPk-WFPDnYn8f7hVZUiA614hRoEWj7565aCamF8TySZYF2unnIFPEVG9dqH58XNMN-KhQXV7OvT0tMEI4jkJx-H_N9lQa_AsE74GKsQNjfVxMVuPzE9jF96aAhXg9dpKYPrEfH/s1600/postagens+populares.png" /></a></div>
<div style="text-align: center;">
<b><a href="http://festaesabor.blogspot.com.br/" target="_blank">DEMO</a></b></div>
<br />
<br />
Que tal dar as postagens populares uma aparência de slide e um destaque a mais para os visitantes de seu blog ? Neste caso as postagens populares terão um efeito hover com o título das postagens, o que da um ar mais profissional a seu blog.<br />
Para isso a primeira coisa a fazer é deletar o seu widget de postagens populares ou dará conflito nos códigos. Depois de retirar o widget, siga o passo a passo.<br />
<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
Clique no botão "Editar modelo" e depois nas teclas Ctrl e F. Ao abrir a janela, procure pelo seguinte trecho.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<b><span style="color: red;"><div class='main-outer'></span></b><br />
<br />
<br />
<b style="color: red;"></b><b>Acima</b> dele, cole o próximo código:<br />
<br />
<div class="codeview">
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<br />
<div id='tm_featured'><br />
<div class='folder'><br />
<div class='folder_all'><br />
<b:section class='folder_item' id='folder_item' preferred='yes' showaddelement='no'><br />
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br />
<b:includable id='main'><br />
<div class='widget-content popular-posts'><br />
<ul><br />
<b:loop values='data:posts' var='post'><br />
<div class='featured_item'><br />
<b:if cond='data:showThumbnails == &quot;false&quot;'><br />
<b:if cond='data:showSnippets == &quot;false&quot;'><br />
<a expr:href='data:post.href'><data:post.title/></a><br />
<b:else/><br />
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />
<div class='item-snippet'><data:post.snippet/></div><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:showSnippets == &quot;false&quot;'><br />
<div class='item-thumbnail-only'><br />
<b:if cond='data:post.thumbnail'><br />
<div class='item-thumbnail'><br />
<a expr:href='data:post.href' target='_blank'><br />
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br />
</a><br />
</div><br />
</b:if><br />
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br />
</div><br />
<div style='clear:both'/><br />
<b:else/><br />
<div class='folderboxpic'><br />
<a class='article' expr:href='data:post.href' rel='bookmark'><br />
<b:if cond='data:post.thumbnail'><br />
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='72' width='72'/><br />
<b:else/><br />
<img alt='no image' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrVv40JSNcLV6IBDIinEybrCVqzRJIntQDdLqsgTnDKeMrNTkUDMMlWtO3nyju6E0OG-NLP8-fWOybQ4waaZqWXZ65awDgZ2mCnYBtpDW01sIP7v2Z71tvrSJlAfGWjkuCAJBJIfWlsQ/s1600/sem+imagem3.png' width='200'/><br />
</b:if><br />
<div class='folderboxtitle'><div class='folderboxbackground'><div id='tm-folderboxbackground-720'><data:post.title/></div></div></div><br />
</a><br />
<div class='clear'/><br />
</div><br />
</b:if><br />
</b:if><br />
</div><br />
</b:loop><br />
</ul><br />
</div><br />
</b:includable><br />
</b:widget><br />
</b:section><br />
<div class='clear'/><br />
</div><br />
</div><br />
</div><br />
</b:if></div>
<br />
<br />
Salve. Agora vamos dar estilo implementando o CSS<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado. Perceba que deixei em destaque a largura total do slide, em cor vermelha e as imagens das postagens (cada quadradinho) está em destaque na cor azul. Modifique para que fique de acordo com seu blog. A cor de fundo está em destaque na cor amarela e as bordas e cor de fundo da área dos títulos estão em destaque na cor verde.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
/*Popular post slide-----------------------------------*/<br />
.folder{margin: -24px 0 28px 0}<br />
#tm_featured {background: <span style="color: orange;"><b>#808080</b></span>; /*Cor de fundo da área */padding: 0; }<br />
.folder_all{padding:0}<br />
.folder_all { padding: 0px 0; margin: -20px 0; width: <b><span style="color: red;">1200</span></b>px; /*<span style="color: red;">largura do slide</span>*/ }<br />
.featured_item {float:left}<br />
.folderboxpic {border: 2px solid #DF6D88; background: #fff;<br />
height:<b><span style="color: blue;">104</span></b>px;width:<b><span style="color: blue;">104</span></b>px; /*<span style="color: blue;"><b>tamanho das imagens</b></span>*/<br />
overflow:hidden;position:relative;}<br />
.folderboxpic img{border: 2px solid <b><span style="color: lime;">#DF6D88</span></b>; height:104px;width:104px}<br />
.article {display:block;width:100%;height:100%;color:#ffffff;font-size:13px;text-decoration:none;font-family:Open Sans,Arial,Verdana;text-overflow:ellipsis;}<br />
.article .folderboxbackground {<br />
font-family: 'Yanone Kaffeesatz', sans-serif;background:<span style="color: lime;"><b>#DF6D88</b></span>;color:#000;padding: 6px;font-size:12px;text-transform: uppercase;}<br />
<br />
.article .folderboxtitle {<br />
position:absolute;<br />
bottom:0;<br />
opacity:0;<br />
-webkit-transition:all 0.4s ease-in 0s;<br />
-moz-transition:all 0.4s ease-in 0s;<br />
-ms-transition:all 0.4s ease-in 0s;<br />
-o-transition:all 0.4s ease-in 0s;<br />
transition:all 0.4s ease-in 0s;<br />
letter-spacing:0.4px;<br />
width:<b><span style="color: blue;">104</span></b>px; /*tamanho da área dos títulos*/<br />
height:0px;<br />
display:block;<br />
font-family:bebasneueregular,bebas,arial;<br />
font-size:12px;<br />
text-align:center;<br />
}<br />
<br />
.article:hover .folderboxtitle{opacity:0.9;height:100%}</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-37205618128263709562014-07-28T03:25:00.001-03:002014-07-28T03:25:43.824-03:00Aplicativo para maquiagem<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/AVvXsEg96gNZHDTLccTETWWcLC8LSBS_POK9-AAwZ4s8mNQh3H188c1mNHzjWHv3f2b1WuJKZz9V_RLk2Ru-SqkkBL-FeX2cjg-nIRfB_6x1ba-wksUITTmO0QFLh9bM_nET3fH6f9FDeZ6Xuap8/s1600/perfect365.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96gNZHDTLccTETWWcLC8LSBS_POK9-AAwZ4s8mNQh3H188c1mNHzjWHv3f2b1WuJKZz9V_RLk2Ru-SqkkBL-FeX2cjg-nIRfB_6x1ba-wksUITTmO0QFLh9bM_nET3fH6f9FDeZ6Xuap8/s1600/perfect365.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>
<div class="separator" style="clear: both; text-align: center;">
Aplicativo para maquiagem em fotos no Android e IOS.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge_M5w7YxFUo3B44ZM4AvAa-_HKie-iWd4Ym3GCs-pznM5VFo-LRw82fzHYyEQ-bvOVWJ5BWafvzF-603Vz_SS-jzHsJ9vM9SSh1R0Suuc2LsVs4J6pSzalioMevwW7tYKQBcKcvhgH5ZD/s1600/elke.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge_M5w7YxFUo3B44ZM4AvAa-_HKie-iWd4Ym3GCs-pznM5VFo-LRw82fzHYyEQ-bvOVWJ5BWafvzF-603Vz_SS-jzHsJ9vM9SSh1R0Suuc2LsVs4J6pSzalioMevwW7tYKQBcKcvhgH5ZD/s1600/elke.jpg" height="317" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fiz uma maquiagem em meus olhos</td></tr>
</tbody></table>
<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: left;">
Hoje vou dar uma dica para quem tem telefone que opera no modo IOS, mais conhecido como Iphone ou o Android e se amarra em fotos e maquiagem, é o app que tem vários filtros e recursos para melhorarmos com alguns toques nosso rostinho. Quem trabalha com blogs de moda, make ou se ama, é um poderoso recurso para combinarmos, ou não, nossas makes com o resto do modelito e acessórios em geral.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidNpphzOlmRW-Ip08CeAn-GfyRoNEy-WAkUTZ-2R9HaUfnCCZN4_AkzIAFEuXHHlAUum9-PaUjq8iQ4WMvxtINPpBEg3jfNuwQCNL4EAsXWnyeZNHKQOwpzYVFSAMXArZTWc8BzIuteuTg/s1600/Image8.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidNpphzOlmRW-Ip08CeAn-GfyRoNEy-WAkUTZ-2R9HaUfnCCZN4_AkzIAFEuXHHlAUum9-PaUjq8iQ4WMvxtINPpBEg3jfNuwQCNL4EAsXWnyeZNHKQOwpzYVFSAMXArZTWc8BzIuteuTg/s1600/Image8.jpg" height="320" width="317" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nessa maquiei olhos e sobrancelha</td></tr>
</tbody></table>
<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;">
O aplicativo se chama Perfect365 e pode ser baixado <b><a href="http://perfect365.arcsoft.com/" target="_blank">neste link</a></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-72678288072258662042014-07-20T19:58:00.000-03:002014-07-20T19:58:05.284-03:00COMO TRANSFERIR SUAS FITAS K7 PARA O COMPUTADOR<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Bons tempos aqueles em que as fitas cassete passavam de mão em mão para que todos pudessem ter as músicas mais tocadas do momento e playlists exclusivos. Há quem sinta falta das históricas K7, contudo, há quem agradeça todos os dias o fato de a música digital chegar e acabar com os perrengues relacionados às antecessoras do CD.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Assim como nas fitas VHS, muitas pessoas guardam relíquias em fitas K7, que, com o tempo, vão se apagando ou se perdendo. Hoje você vai aprender a transferir o áudio das suas fitas antigas para o computador e digitalizar as músicas que embalaram grandes momentos da sua vida ou que guardam ocasiões que não podem se apagar.</i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>O que você vai precisar</i></h2>
<ul style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin: 20px 0px; padding-left: 30px;">
<li><b><i>Um cabo P2/P2 ou;</i></b></li>
<li><b><i>Um RCA/P2;</i></b></li>
<li><b><i>Uma fita cassete;</i></b></li>
<li><b><i>Um tocador de fitas cassete;</i></b></li>
<li><b><i>Um software para gravação de áudio;</i></b></li>
<li><b><i>Placa de som;</i></b></li>
<li><b><i>Gravador de CD (opcional);</i></b></li>
<li><b><i>Espaço em disco.</i></b></li>
</ul>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>O grande diferencial será o tipo de saída que seu tocador de fitas tem, já que ele pode ter saídas <a href="http://www.tecmundo.com.br/televisao/2154-o-que-sao-cabos-rca-.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank">RCA</a> (fig. 1) ou P2 (fig. 2). Sendo assim, o tipo de cabo que você vai precisar depende do tipo de saída do player.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Além disso, vale lembrar que ter um tocador e fitas em bom estado de conservação são fundamentais para o sucesso da transferência de áudio. No nosso caso, usamos um cabo P2/P2, ligando uma das saídas no plugue do fone de ouvido do nosso toca fitas. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Exemplo de cabo com saída RCA" class="nada" src="http://ibxk.com.br/materias/2624/6852.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Exemplo de cabo com saída RCA" /><img alt="Exemplo de saída P2" class="nada" src="http://ibxk.com.br/materias/2624/6853.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Exemplo de saída P2" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>Trabalhando com o que você tem</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Há várias maneiras de realizar esta tarefa: com os cabos RCA, P2 e até aparelhos que fazem esta conversão quase que automaticamente, como o Ion Cassete Deck ou o Ion uRecord Vinyl & Cassete Ripper, que transformam o K7 em MP3 em instantes. Claro que é inviável adquirir produtos assim, a não ser que você tenha milhares de fitas para digitalizar. Do contrário, os cabos corretos, fitas e tocador de qualidade já bastam.</i></b></div>
<b><i><br /></i></b>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Conversores profissionais de K7" class="nada" height="273" src="http://ibxk.com.br/materias/2624/6854.png?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Conversores profissionais de K7" width="583" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i><span style="color: inherit !important; font-size: inherit !important; line-height: inherit !important; text-align: inherit !important;"><span style="color: #333399; font-size: inherit !important; line-height: inherit !important; text-align: inherit !important;"><span style="color: inherit !important; font-size: medium; line-height: inherit !important; text-align: inherit !important;"> </span></span></span>Como começar</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Para começar a digitalizar suas fitas, é importante frisar que seu tocador precisa ter uma saída de áudio (Line Out), já que o som sairá do tocador e entrará no seu computador por intermédio da placa de som.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Se você for usar cabos RCA, preste atenção para ligar as cores entre os conectores corretamente; se for um usar um cabo P2, lembre-se de colocar na saída de áudio (saída dos fones de ouvido) ou se você tiver uma saída AUX, também pode usar.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="" src="http://ibxk.com.br/materias/2624/96030.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>No computador</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>A maioria dos computadores, especialmente os mais atuais, contam com placas de som com vários tipos de entradas, porém, para transferir o áudio das fitas para ela, você vai precisar da entrada analógica (conector azul).</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Depois de conectar seu tocador à placa, é hora de ajustar as configurações de volume. Para isso, clique no atalho para os controles de volume localizado ao lado do relógio e verifique se está tudo funcionando corretamente. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Cada conector executa uma função" height="256" src="http://ibxk.com.br/materias/2624/6855.png?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Cada conector executa uma função" width="359" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>Convertendo o analógico em digital</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Se você conseguiu fazer com que o som do seu toca fitas fosse reproduzido, é hora de utilizar um software para gravar o som analógico da sua cassete e transformá-lo em digital no seu HD. Para isso, você vai precisar de um aplicativo que grave áudio.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Sendo assim, vamos usar o <a href="http://www.baixaki.com.br/download/audacity.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="Audacity">Audacity</a>, pois ele oferece a opção de gravar o áudio executado no seu computador, além de diversas alternativas para edição — e o melhor: é gratuito. Desta maneira, faça o download do Audacity e instale-o no seu computador.</i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>Está gravando?</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Assim que conectar o tocador na placa de som e se certificar que ela reconheceu a conexão, basta abrir o Audacity e clicar em “Gravar” (círculo vermelho). Obviamente, você vai precisar ajustar o volume da gravação, pois certamente haverá distorções. Para saber se o volume é o adequado para que o som saia nítido na gravação, preste atenção nos níveis de volume, pois eles indicam se o som está adequado, muito alto ou muito baixo. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Configure o volume de gravação" src="http://ibxk.com.br/materias/2624/6856.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Configure o volume de gravação" /></i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Na figura acima, é possível observar as variações volume. Inicialmente, a gravação estava muito alta, o que ocasionou a distorção no áudio. Em seguida, o volume foi diminuído, e os níveis foram se encaixando dentro das linhas cinza. Posteriormente, a música foi desligada e as linhas de volume ficaram estáveis.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Você pode controlar estas variações de volume no seu tocador de fitas ou com os controles de volume do Windows na barra “Line In”. Se você quiser saber mais sobre o funcionamento do Audacity, consulte o artigo “<a href="http://www.tecmundo.com.br/mp3/2030-audacity-como-gravar-sons.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank">Audacity: como gravar sons</a>”. Depois de acertar todos os detalhes, você pode editar suas faixas com o próprio Audacity. É possível inserir efeitos, criar mais faixas ou separá-las, extrair o som dos vocais e muito mais.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Se você acha que está tudo perfeito, é hora de salvar seus arquivos. Para isso, vá até o menu “Arquivo/Exportar”. Você pode inserir o nome do artista e da faixa, criar categorias para suas músicas e muito mais em uma janela como esta.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Crie categorias para seus arquivos" src="http://ibxk.com.br/materias/2624/6857.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Crie categorias para seus arquivos" /></i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Há vários formatos disponíveis no Audacity, mas os mais comuns são o WAV e o MP3. Vale lembrar que, para salvar em MP3, você vai precisar baixar uma DLL. Isso é simples, pois, assim que você solicitar que a faixa seja salva em MP3, uma pequena janela será aberta. Desta forma, clique em "Baixar" para ser direcionado ao site de downloads. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Para salvar em MP3, você precisa de uma DLL" src="http://ibxk.com.br/materias/2624/94023.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Para salvar em MP3, você precisa de uma DLL" /></i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Obviamente, há várias opções de aplicativos para realizar a mesma tarefa do Audacity. Além dele, você pode usar o <a href="http://www.baixaki.com.br/download/magix-audio-cleaning-lab-deluxe.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="MAGIX Audio Cleaning Lab Deluxe">MAGIX Audio Cleaning Lab</a> (pago), <a href="http://www.baixaki.com.br/download/sony-sound-forge-pro.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="Sony Sound Forge Pro">Sony Sound Forge</a> (pago), <a href="http://www.baixaki.com.br/download/wavosaur.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="Wavosaur">Wavosaur</a> (gratuito) e o <a href="http://www.baixaki.com.br/download/gts-studio-recorder.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="GTS Studio Recorder">GTS Studio Recorder</a> (gratuito).</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Vale lembrar que o Windows disponibiliza uma ferramenta para captura de som chamada “Gravador de Som”, mas ela é muito básica, logo, não custa nada baixar um aplicativo mais completo. Contudo, se você não quer complicação ele é ideal. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Gravador que acompanha o Windows" src="http://ibxk.com.br/materias/2624/6858.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Gravador que acompanha o Windows" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>Espaço em disco</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>É importante frisar que, além destes componentes, você também precisa ter espaço disponível no seu HD para gravar o áudio das fitas. Dependendo do formato de gravação, você vai precisar de mais ou menos espaço.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Por exemplo, se você gravar no formato WAV, cada um minuto de áudio equivale a 10 MB; já em MP3, um minuto corresponde a 1 MB. O próprio Audacity informa quanto tempo de gravação ele consegue armazenar de acordo com o espaço disponível. Estes valores eficam visíveis na parte inferior da janela do aplicativo. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Sempre fique atento ao espaço do seu disco" src="http://ibxk.com.br/materias/2624/6859.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Sempre fique atento ao espaço do seu disco" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>Tudo digitalizado</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Finalmente você digitalizou todas as suas fitas K7 e está com vários arquivos no PC ou todo o conteúdo de uma fita em um arquivo único. Se você preferir gravar as faixas em um arquivo só, sem problemas, mas, se por acaso se esqueceu deste detalhe, não se preocupe.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Você pode usar vários aplicativos que dividem arquivos de áudio. O próprio Audacity faz isso, mas há opções mais simples, como o <a href="http://www.baixaki.com.br/download/slice-audio-file-splitter.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank">Slice Audio File Splitter</a>,<a href="http://www.baixaki.com.br/download/dj-audio-editor.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank">DJ Audio Editor</a> e o <a href="http://www.baixaki.com.br/download/mp3-cutter.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank">MP3 Cutter</a>, todos gratuitos. É claro que você precisa verificar se o formato de arquivo que você gravou (MP3, WAV, OGG) é suportado pelo programa escolhido.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>No Audacity, o recorte de áudio pode ser feito da seguinte maneira: selecione o trecho da música que você quer cortar e vá até o menu <span style="color: inherit;">Editar/Separar > Criar novo</span>. Pronto, você terá duas faixas na tela do Audacity, agora basta selecionar uma delas e Exportar com o nome correspondente.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Divida as faixas que ficaram grudadas" class="nada" src="http://ibxk.com.br/materias/2624/6861.jpg?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Divida as faixas que ficaram grudadas" /></i></b></div>
<h2 style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 32px; line-height: 40px; margin: 40px 0px 20px;">
<i>O que fazer?</i></h2>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Depois de digitalizar sua coleção de fitas do Patinho Feio, a coletânea do Roberto Carlos que sua mãe tanto ama ou o som da sua banda, é possível utilizar os arquivos de áudio das mais diferentes formas. Uma delas é a gravação das faixas em um CD.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Para isso você vai precisar de um gravador de CDs e um aplicativo que realize esta função. Além disso, você pode incluir as faixas como trilha sonora em menus de DVDs, usar as músicas para criar e editar filmes no <a href="http://www.baixaki.com.br/download/windows-movie-maker.htm" style="background: transparent; color: #008ae5; cursor: pointer; text-decoration: none;" target="_blank" title="Windows Movie Maker">Movie Maker</a> ou outro editor, além de ouvir em seu Player MP3, iPod ou DVD.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Confira abaixo um trecho de uma fita K7 digitalizada. Ao longo da gravação, o volume da música sofreu variações.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<span style="font-size: 32px; line-height: 40px; text-align: center;"><b><i>Morte e vida do K7</i></b></span></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Depois de digitalizar suas K7, você acha que será fácil se livrar delas? Com certeza a tecnologia usada na gravação das fitas já foi superada há muito tempo, mas há quem afirme que elas já fazem parte da história das pessoas e que, assim como os discos de vinil, se tornaram objetos de coleção e saudosismo.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Pelo o que parece, as fitas ainda despertam a criatividade e interesse dos designers, geeks e antenados na moda, tendo em vista que o número de objetos que usam o tema “fita K7” ainda é muito popular e considerado como venda garantida. Confira abaixo alguns objetos inspirados nos cassetes e tire suas conclusões sobre a morte e vida delas. </i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px; text-align: center;">
<b><i><img alt="Moda influenciada pelo passado" class="nada" height="417" src="http://ibxk.com.br/materias/2624/6865.png?w=1040" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" title="Moda influenciada pelo passado" width="629" /></i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i>Se você se interessou pelo assunto, aproveite enquanto as músicas estão gravando e confira mais alguns artigos relacionados ao tema.</i></b></div>
<div style="background-color: white; color: #404040; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-top: 20px;">
<b><i><br /></i></b></div>
<iframe width="560" height="315" src="//www.youtube.com/embed/hAiPO_DjML4" frameborder="0" allowfullscreen></iframe>
<a href="http://www.tecmundo.com.br/gravacao-de-disco/2624-como-transferir-suas-fitas-k7-para-o-computador.htm">Por Tecmundo</a><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Anonymoushttp://www.blogger.com/profile/14198515860727747373noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-44776641289308119482014-06-10T01:10:00.000-03:002014-06-10T01:10:03.072-03:00Combo: retirar do Blogger a barra de ferramentas, assinar feed e tecnologia do Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHthGQ0onPzOHHvTL0mSx1JBz60LjK8-P3E7Bb5avlgoESuiXytkMaHVyfAdzqXUPpMS8u40470qb2hx6OKf7OcGDEQhmWc-0U0W3YfKGivg-q7FGNwd-R3kW7-0EfSFrlYySqA8s6N-29/s1600/retirar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHthGQ0onPzOHHvTL0mSx1JBz60LjK8-P3E7Bb5avlgoESuiXytkMaHVyfAdzqXUPpMS8u40470qb2hx6OKf7OcGDEQhmWc-0U0W3YfKGivg-q7FGNwd-R3kW7-0EfSFrlYySqA8s6N-29/s1600/retirar.png" height="594" width="640" /></a></div>
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
#navbar, #Attribution1, .feed-links {display:none}</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-72454485286301925472014-05-31T00:01:00.002-03:002014-05-31T00:01:57.896-03:00Caixa de link-me para funcionar no Blogger <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5p8fOIKMDNNzM_AMpuLfG9CBYQUl6jjcOg3aBSqj0Qgdr3ghIwf2nkgp_OsO4oqzAmrHMFElFZ3jyNazxnQEJcWoVnTFDvOufZUWAMb3PtIx-TXzupIbEmsj7RgGW0Gd4FOTwwSIdi5W_/s1600/award.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5p8fOIKMDNNzM_AMpuLfG9CBYQUl6jjcOg3aBSqj0Qgdr3ghIwf2nkgp_OsO4oqzAmrHMFElFZ3jyNazxnQEJcWoVnTFDvOufZUWAMb3PtIx-TXzupIbEmsj7RgGW0Gd4FOTwwSIdi5W_/s1600/award.png" /></a></div>
A caixinha de link-me não está mais aceitando o antigo código. Agora é necessário converte-lo, assim como fazemos com os códigos do Adsense quando queremos introduzi-los entre as postagens. Alguma mudança houve... O código novo está abaixo.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Clique em Adicionar um Gadget
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s1600/1-adicionar+um+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s320/1-adicionar+um+gadget.png" height="106" width="200" /></a></div>
<br />
<br />
Ao abrir, clique em HTML/Javascript
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" height="320" width="298" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Cole então o próximo código fazendo as modificações necessárias.
<br />
<br />
<br />
<div class="codeview">
<div align="center"><a href='<span style="color: #6aa84f;"><b>AQUI O ENDEREÇO DE SEU BLOG</b></span>' title='<b><span style="color: red;">ESCREVA ALGO</span></b>'><img src="<span style="color: blue;"><b>ENDEREÇO DA IMAGEM</b></span>" alt="<span style="color: red;"><b>ESCREVA ALGO</b></span>" /></a><div style="background-color:#FFF;border: solid 1px #000; overflow:auto; width:130px; height:30px;" onmouseover="this.select()">&lt;a href='<span style="color: #6aa84f;"><b>ENDEREÇO DE SEU BLOG</b></span>' title='<b><span style="color: red;">ESCREVA ALGO</span></b>'&gt;&lt;img src='<span style="color: blue;"><b>ENDEREÇO DA IMAGEM</b></span>' alt='<span style="color: red;"><b>ESCREVA ALGO</b></span>'&quot;&gt;&lt;/a&gt;</div></div></div>
<br />
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-42200075505696519752014-05-12T11:00:00.000-03:002014-05-12T11:00:06.738-03:00Arquivo do blog em forma de calendário<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCPwxRcjkvVl5iwHM06OZiAW4DNim-8R1vsbzOYzXeboxCYY5nO2fslJ_A90WWNUxTwSUMFPe-xDSlPBV8LwbZ0vcEJ7aX7zc_bXOcylpsSlWSVnawVYNr8XAs0KOLjQpmiZmKrGAGla3K/s1600/arquivo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCPwxRcjkvVl5iwHM06OZiAW4DNim-8R1vsbzOYzXeboxCYY5nO2fslJ_A90WWNUxTwSUMFPe-xDSlPBV8LwbZ0vcEJ7aX7zc_bXOcylpsSlWSVnawVYNr8XAs0KOLjQpmiZmKrGAGla3K/s1600/arquivo.png" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://widgetsemenus.blogspot.com.br/" target="_blank">DEMO </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Um hack antiguinho que eu ainda não havia postado aqui, mas que resolvi implementa-lo em meus blogs e trazer a tutorial pata vocês. Com ele é possível ter os arquivos em forma de calendário, com isso, saber os dias que houve postagem em seu blog. Fica melhor organizado e esteticamente mais bonito. <br />
<br />
<br />
A primeira coisa a fazer é implementar o gadget em seu blog. <br />
<br />
Ao abrir, clique em Arquivo do blog<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju0wQfUQ8B6_PKKQQ4GeORddLU_f2Ow6HJxaR7ZhLknnRdCgbP0MMijisBdZ9Iwc4jsrTpW6rwQG82a6E9wqZu-jTw1AgJJMWuYLh_QJhnQroShXcIhZmSymmAx5oEA_kIDdYU3o_XUZ8P/s1600/arquivo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju0wQfUQ8B6_PKKQQ4GeORddLU_f2Ow6HJxaR7ZhLknnRdCgbP0MMijisBdZ9Iwc4jsrTpW6rwQG82a6E9wqZu-jTw1AgJJMWuYLh_QJhnQroShXcIhZmSymmAx5oEA_kIDdYU3o_XUZ8P/s1600/arquivo.png" height="320" width="276" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Se já o tiver, apenas abra o gadget e deixe-o configurado como está abaixo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOgme9xSY6kTTo2t2sO5Swm4-WjxP8L2S-WSGy-sS356NzENtmDiXuSDBItltn_epq9yZPCZWGoJ8KwqsW8weuQ3AOUZk-KyeM2uWce_1ippwmN3khuBHyJkc9h0Y5oBV8TQT4x92mEOI/s1600/arquivo+em+forma+de+calend%C3%A1rio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZOgme9xSY6kTTo2t2sO5Swm4-WjxP8L2S-WSGy-sS356NzENtmDiXuSDBItltn_epq9yZPCZWGoJ8KwqsW8weuQ3AOUZk-KyeM2uWce_1ippwmN3khuBHyJkc9h0Y5oBV8TQT4x92mEOI/s1600/arquivo+em+forma+de+calend%C3%A1rio.png" /></a></div>
Agora vá em Modelo e clique em Editar HTML.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
Clique em "Ir para um widget" e procure por "BlogArchive1"<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3gZdDzGu8r99qo_HG2GYIs0I29gvF-t2btBcT3cAAINH_l5HMuWE08mLe9JhDYMpe8yDhXwbUsLn_OFF08_UDz696gwX_Rtn1R6aIM9BozNX3pFgjL3cF59AVvmRomOmF62ca-KWsctq/s1600/blogger+arquivo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3gZdDzGu8r99qo_HG2GYIs0I29gvF-t2btBcT3cAAINH_l5HMuWE08mLe9JhDYMpe8yDhXwbUsLn_OFF08_UDz696gwX_Rtn1R6aIM9BozNX3pFgjL3cF59AVvmRomOmF62ca-KWsctq/s1600/blogger+arquivo.png" height="320" width="293" /></a></div>
<br />
<br />
<br />
Troque todo o código que começa em <span style="color: #93c47d;"><b:widget</span><span style="color: blue;"> id</span>=<span style="color: #e06666;">'BlogArchive1'</span> <span style="color: blue;">locked</span>=<span style="color: #e06666;">'false'</span> blá, blá<br />
e vai até <span style="color: #93c47d;"> </b:widget> </span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgA4rp22SqlKKLHqpyeImw0cMn3f0RFNiP7NfQqW_E3IwmUg3Z8js-utbgs72IvT5OA9NaHGz8Eewh_0TBi39Estt3nhR0zdVL87LpncK1XPPkeG989dANKvcjR1eEKF4YuR8qg2w-wOI/s1600/widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgA4rp22SqlKKLHqpyeImw0cMn3f0RFNiP7NfQqW_E3IwmUg3Z8js-utbgs72IvT5OA9NaHGz8Eewh_0TBi39Estt3nhR0zdVL87LpncK1XPPkeG989dANKvcjR1eEKF4YuR8qg2w-wOI/s1600/widget.png" height="464" width="640" /></a></div>
<br />
<br />
<br />
<br />
Por este abaixo.<br />
<br />
<br />
<div class="codeview">
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <br />
<b:includable id='main'> <br />
<b:if cond='data:title'> <br />
<h2><data:title/></h2> <br />
</b:if> <br />
<div class='widget-content'> <br />
<div id='ArchiveList'> <br />
<div expr:id='data:widget.instanceId + "_ArchiveList"'> <br />
<b:if cond='data:style == "HIERARCHY"'> <br />
<b:include data='data' name='interval'/> <br />
</b:if> <br />
<b:if cond='data:style == "FLAT"'> <br />
<b:include data='data' name='flat'/> <br />
</b:if> <br />
<b:if cond='data:style == "MENU"'> <br />
<b:include data='data' name='menu'/> <br />
</b:if> <br />
</div> <br />
</div> <br />
<b:include name='quickedit'/> <br />
</div> <br />
</b:includable> <br />
<b:includable id='toggle' var='interval'> <br />
<!-- Toggle not needed for Calendar --> <br />
</b:includable> <br />
<b:includable id='flat' var='data'> <br />
<div id='bloggerCalendarList'> <br />
<ul> <br />
<b:loop values='data:data' var='i'> <br />
<li class='archivedate'> <br />
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) <br />
</li> <br />
</b:loop> <br />
</ul> <br />
</div> <br />
<div id='blogger_calendar' style='display:none'> <br />
<table id='bcalendar'><caption id='bcaption'> <br />
</caption> <br />
<!-- Table Header --> <br />
<thead id='bcHead'></thead> <br />
<!-- Table Footer --> <br />
<!-- Table Body --> <br />
<tbody><tr><td
id='cell1'> </td><td id='cell2'> </td><td
id='cell3'> </td><td id='cell4'> </td><td
id='cell5'> </td><td id='cell6'> </td><td
id='cell7'> </td></tr> <br />
<tr><td
id='cell8'> </td><td id='cell9'> </td><td
id='cell10'> </td><td id='cell11'> </td><td
id='cell12'> </td><td id='cell13'> </td><td
id='cell14'> </td></tr> <br />
<tr><td
id='cell15'> </td><td id='cell16'> </td><td
id='cell17'> </td><td id='cell18'> </td><td
id='cell19'> </td><td id='cell20'> </td><td
id='cell21'> </td></tr> <br />
<tr><td
id='cell22'> </td><td id='cell23'> </td><td
id='cell24'> </td><td id='cell25'> </td><td
id='cell26'> </td><td id='cell27'> </td><td
id='cell28'> </td></tr> <br />
<tr><td
id='cell29'> </td><td id='cell30'> </td><td
id='cell31'> </td><td id='cell32'> </td><td
id='cell33'> </td><td id='cell34'> </td><td
id='cell35'> </td></tr> <br />
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr> <br />
</tbody> <br />
</table> <br />
<table id='bcNavigation'><tr> <br />
<td id='bcFootPrev'></td> <br />
<td id='bcFootAll'></td> <br />
<td id='bcFootNext'></td> <br />
</tr></table> <br />
<div id='calLoadingStatus' style='display:none; text-align:center;'> <br />
<script type='text/javascript'>bcLoadStatus();</script> <br />
</div> <br />
<div id='calendarDisplay'/> <br />
</div> <br />
<script type='text/javascript'> initCal();</script> <br />
</b:includable> <br />
<b:includable id='posts' var='posts'> <br />
<!-- posts not needed for Calendar --> <br />
</b:includable> <br />
<b:includable id='menu' var='data'> <br />
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format <br />
</b:includable> <br />
<b:includable id='interval' var='intervalData'> <br />
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format <br />
</b:includable> <br />
</b:widget></div>
<br />
Salve.<br />
<br />
<br />
<br />
Agora procure por: <span style="color: red;"><b></head></b></span> e acima dele cole o próximo código<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" height="228" width="400" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div class="codeview">
<!-- Blogger Archive Calendar by www.MyBloggerTricks.com --><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHJZeorC_ZJwLdOaTm89GpBx31ddZj7iOfK5oCLL5bMIMS2wX1czkxkcz-bNyskv5poCs18qd_Pul1FgOKvXH_L6WtgHFBh23YULE1PqpldMQ-EujIRvhz17pt0VWYRL-wkEiq1Qx23A/s400/loading-trans.gif.png";<br />
var bcLoadingMessage = " Carregando....";<br />
var bcArchiveNavText = "Ver arquivo";<br />
var bcArchiveNavPrev = '◄';<br />
var bcArchiveNavNext = '►';<br />
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];<br />
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];<br />
// Nothing to configure past this point ----------------------------------<br />
var timeOffset;<br />
var bcBlogID;<br />
var calMonth;<br />
var calDay = 1;<br />
var calYear;<br />
var startIndex;<br />
var callmth;<br />
var bcNav = new Array ();<br />
var bcList = new Array ();<br />
//Initialize Fill Array<br />
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];<br />
function openStatus(){<br />
document.getElementById('calLoadingStatus').style.display = 'block';<br />
document.getElementById('calendarDisplay').innerHTML = '';<br />
}<br />
function closeStatus(){<br />
document.getElementById('calLoadingStatus').style.display = 'none';<br />
}<br />
function bcLoadStatus(){<br />
cls = document.getElementById('calLoadingStatus');<br />
img = document.createElement('img');<br />
img.src = bcLoadingImage;<br />
img.style.verticalAlign = 'middle';<br />
cls.appendChild(img);<br />
txt = document.createTextNode(bcLoadingMessage);<br />
cls.appendChild(txt);<br />
}<br />
function callArchive(mth,yr,nav){<br />
// Check for Leap Years<br />
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {<br />
fill[2] = '29';<br />
}<br />
else {<br />
fill[2] = '28';<br />
}<br />
calMonth = mth;<br />
calYear = yr;<br />
if(mth.charAt(0) == 0){<br />
calMonth = mth.substring(1);<br />
}<br />
callmth = mth;<br />
bcNavAll = document.getElementById('bcFootAll');<br />
bcNavPrev = document.getElementById('bcFootPrev');<br />
bcNavNext = document.getElementById('bcFootNext');<br />
bcSelect = document.getElementById('bcSelection');<br />
a = document.createElement('a');<br />
at = document.createTextNode(bcArchiveNavText);<br />
a.href = bcNav[nav];<br />
a.appendChild(at);<br />
bcNavAll.innerHTML = '';<br />
bcNavAll.appendChild(a);<br />
bcNavPrev.innerHTML = '';<br />
bcNavNext.innerHTML = '';<br />
if(nav < bcNav.length -1){<br />
a = document.createElement('a');<br />
a.innerHTML = bcArchiveNavPrev;<br />
bcp = parseInt(nav,10) + 1;<br />
a.href = bcNav[bcp];<br />
a.title = 'Previous Archive';<br />
prevSplit = bcList[bcp].split(',');<br />
a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};<br />
bcNavPrev.appendChild(a);<br />
}<br />
if(nav > 0){<br />
a = document.createElement('a');<br />
a.innerHTML = bcArchiveNavNext;<br />
bcn = parseInt(nav,10) - 1;<br />
a.href = bcNav[bcn];<br />
a.title = 'Next Archive';<br />
nextSplit = bcList[bcn].split(',');<br />
a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};<br />
bcNavNext.appendChild(a);<br />
}<br />
script = document.createElement('script');<br />
script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';<br />
document.getElementsByTagName('head')[0].appendChild(script);<br />
}<br />
function cReadArchive(root){<br />
// Check for Leap Years<br />
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {<br />
fill[2] = '29';<br />
}<br />
else {<br />
fill[2] = '28';<br />
}<br />
closeStatus();<br />
document.getElementById('lastRow').style.display = 'none';<br />
calDis = document.getElementById('calendarDisplay');<br />
var feed = root.feed;<br />
var total = feed.openSearch$totalResults.$t;<br />
var entries = feed.entry || [];<br />
var fillDate = new Array();<br />
var fillTitles = new Array();<br />
fillTitles.length = 32;<br />
var ul = document.createElement('ul');<br />
ul.id = 'calendarUl';<br />
for (var i = 0; i < feed.entry.length; ++i) {<br />
var entry = feed.entry[i];<br />
for (var j = 0; j < entry.link.length; ++j) {<br />
if (entry.link[j].rel == "alternate") {<br />
var link = entry.link[j].href;<br />
}<br />
}<br />
var title = entry.title.$t;<br />
var author = entry.author[0].name.$t;<br />
var date = entry.published.$t;<br />
var summary = entry.summary.$t;<br />
isPublished = date.split('T')[0].split('-')[2];<br />
if(isPublished.charAt(0) == '0'){<br />
isPublished = isPublished.substring(1);<br />
}<br />
fillDate.push(isPublished);<br />
if (fillTitles[isPublished]){<br />
fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;<br />
}<br />
else {<br />
fillTitles[isPublished] = title;<br />
}<br />
li = document.createElement('li');<br />
li.style.listType = 'none';<br />
li.innerHTML = '<a href="'+link+'">'+title+'</a>';<br />
ul.appendChild(li);<br />
}<br />
calDis.appendChild(ul);<br />
var val1 = parseInt(calDay, 10)<br />
var valxx = parseInt(calMonth, 10);<br />
var val2 = valxx - 1;<br />
var val3 = parseInt(calYear, 10);<br />
var firstCalDay = new Date(val3,val2,1);<br />
var val0 = firstCalDay.getDay();<br />
startIndex = val0 + 1;<br />
var dayCount = 1;<br />
for (x =1; x < 38; x++){<br />
var cell = document.getElementById('cell'+x);<br />
if( x < startIndex){<br />
cell.innerHTML = ' ';<br />
cell.className = 'firstCell';<br />
}<br />
if( x >= startIndex){<br />
cell.innerHTML = dayCount;<br />
cell.className = 'filledCell';<br />
for(p = 0; p < fillDate.length; p++){<br />
if(dayCount == fillDate[p]){<br />
if(fillDate[p].length == 1){<br />
fillURL = '0'+fillDate[p];<br />
}<br />
else {<br />
fillURL = fillDate[p];<br />
}<br />
cell.className = 'highlightCell';<br />
cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';<br />
}<br />
}<br />
if( dayCount > fill[valxx]){<br />
cell.innerHTML = ' ';<br />
cell.className = 'emptyCell';<br />
}<br />
dayCount++;<br />
}<br />
}<br />
visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;<br />
if(visTotal >35){<br />
document.getElementById('lastRow').style.display = '';<br />
}<br />
}<br />
function initCal(){<br />
document.getElementById('blogger_calendar').style.display = 'block';<br />
var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');<br />
var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');<br />
document.getElementById('bloggerCalendarList').style.display = 'none';<br />
calHead = document.getElementById('bcHead');<br />
tr = document.createElement('tr');<br />
for(t = 0; t < 7; t++){<br />
th = document.createElement('th');<br />
th.abbr = headDays[t];<br />
scope = 'col';<br />
th.title = headDays[t];<br />
th.innerHTML = headInitial[t];<br />
tr.appendChild(th);<br />
}<br />
calHead.appendChild(tr);<br />
for (x = 0; x <bcInit.length;x++){<br />
var stripYear= bcInit[x].href.split('_')[0].split('/')[3];<br />
var stripMonth = bcInit[x].href.split('_')[1];<br />
bcList.push(stripMonth + ','+ stripYear + ',' + x);<br />
bcNav.push(bcInit[x].href);<br />
}<br />
var sel = document.createElement('select');<br />
sel.id = 'bcSelection';<br />
sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};<br />
q = 0;<br />
for (r = 0; r <bcList.length; r++){<br />
var selText = bcInit[r].innerHTML;<br />
var selCount = bcCount[r].innerHTML.split('> (')[1];<br />
var selValue = bcList[r];<br />
sel.options[q] = new Option(selText + ' ('+selCount,selValue);<br />
q++<br />
} <br />
document.getElementById('bcaption').appendChild(sel);<br />
var m = bcList[0].split(',')[0];<br />
var y = bcList[0].split(',')[1];<br />
callArchive(m,y,'0');<br />
}<br />
function timezoneSet(root){<br />
var feed = root.feed;<br />
var updated = feed.updated.$t;<br />
var id = feed.id.$t;<br />
bcBlogId = id.split('blog-')[1];<br />
upLength = updated.length;<br />
if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}<br />
else {timeOffset = updated.substring(upLength-6,upLength);}<br />
timeOffset = encodeURIComponent(timeOffset);<br />
}<br />
//]]><br />
</script><br />
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script><br />
<!-- End Blogger Archive Calendar by www.MyBloggerTricks.com --></div>
<br />
Salve !!!<br />
<br /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Agora só falta o código CSS para dar estilo.<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</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;">
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
/* Start of Post Navigator by MBT (LIGHT Theme) ------ */<br />
#calendarDisplay {display:none;}<br />
/* div that holds calendar */<br />
#blogger_calendar { margin:0px auto 0px 0px;width:100%;}<br />
/* Table Caption - Holds the Archive Select Menu */<br />
#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:<span style="background-color: cyan;">#fff</span>;font:bold 100% Tahoma, Arial, Sans-serif}<br />
/* The Archive Select Menu */<br />
#bcaption select {background:#ffff;border:0 solid #C7C7C7;color:<span style="background-color: cyan;">#0080ff;</span>font-weight:bold;text-align:center;}<br />
/* The Heading Section */<br />
table#bcalendar thead {}<br />
/* Head Entries */<br />
table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#fff;color:<span style="background-color: cyan;">#0080ff</span>;}<br />
/* The calendar Table */<br />
table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff}<br />
/* The Cells in the Calendar */<br />
table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#666;font:bold 100% Tahoma, Arial, Sans-serif;}<br />
/* Links in Calendar */<br />
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#ffffff; text-decoration:none;}<br />
table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;}<br />
/* First Row Empty Cells */<br />
td.firstCell {visibility:visible;}<br />
/* Cells that have a day in them */<br />
td.filledCell { background:#fff;}<br />
td.filledCell:hover { background:#dddddd;}<br />
/* Cells that are empty, after the first row */<br />
td.emptyCell {visibility:hidden;}<br />
/* Cells with a Link Entry in them */<br />
td.highlightCell {background:#53A9FF;border:1px solid #C7C7C7}<br />
td.highlightCell:hover {background:#72B9FF;border:1px solid #C7C7C7}<br />
/* Table Footer Navigation */<br />
table#bcNavigation {width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;}<br />
table#bcNavigation a:link {text-decoration:none;color:#0080ff}<br />
table#bcNavigation a:hover{text-decoration:underline;}<br />
td#bcFootPrev {width:10px;}<br />
td#bcFootAll{text-align:center;}<br />
td#bcFootNext {width:10px;}<br />
ul#calendarUl {margin:5px auto 0!important;}<br />
ul#calendarUl li a:link {}<br />
/* End of Post Navigator by MBT (LIGHT Theme) ------ */ </div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<br />
<br />
<br />
Via <a href="http://www.mybloggertricks.com/" target="_blank"><b>Blogger Tricks</b></a><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-66403899464196248322014-05-05T18:15:00.001-03:002014-05-05T18:15:24.367-03:00Menu com efeito hover CSS<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAp5DNxFiJGskEmz8TUCbBMEPNj-Z-9YTIyYORTwt3KPgk01hkPBbE8pLlv5JSAjicodt4FVNTS_LvqS9YKK27vx4bP5lIXo2E9Zm7j5iPN8G50eN3v468jIPEzVwjqpLs8AaywX1SUHZj/s1600/menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAp5DNxFiJGskEmz8TUCbBMEPNj-Z-9YTIyYORTwt3KPgk01hkPBbE8pLlv5JSAjicodt4FVNTS_LvqS9YKK27vx4bP5lIXo2E9Zm7j5iPN8G50eN3v468jIPEzVwjqpLs8AaywX1SUHZj/s1600/menu.png" height="402" width="640" /></a></div>
<div style="text-align: center;">
<a href="http://widgetsemenus.blogspot.com.br/" target="_blank"><b>DEMO</b></a></div>
<br />
Menus nos blogs nunca são demais. Economizam espaço, enfeitam, organizam e facilitam para o leitor as buscas no blog. Esse modelo é do <a href="http://codepen.io/oloman/pen/wDJrx" target="_blank"><b>Codepen</b></a> e é bem fácil de instalar e manusear, sendo implementado no widget do Blogger, na parte de layout.<br />
<br />
<br />
<br />
<br />
Salve. Agora clique em Layout...
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" height="400" width="360" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Clique em Adicionar um Gadget
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s1600/1-adicionar+um+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s320/1-adicionar+um+gadget.png" height="106" width="200" /></a></div>
<br />
<br />
Ao abrir, clique em HTML/Javascript
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" height="320" width="298" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Cole então o próximo código fazendo as modificações necessárias.
<br />
<br />
<br />
<div class="codeview">
<style><br />
ul.abanico {<br />
position: relative;<br />
width: 500px;<br />
height: 300px;<br />
margin: 10px auto;<br />
list-style: none;<br />
font: normal 16px "arial narrow", sans-serif;<br />
}<br />
ul.abanico li {<br />
position: absolute;<br />
bottom: 0;<br />
<br />
width: 140px;<br />
height: 300px;<br />
background: orange;<br />
<br />
line-height: 300px;<br />
text-align: center;<br />
-moz-transform-origin: top center;<br />
-webkit-transform-origin: top center;<br />
transform-origin: top center;<br />
-moz-transition: all .4s ;<br />
-webkit-transition: all .4s ;<br />
transition: all .4s ;<br />
}<br />
ul.abanico li a {<br />
text-shadow: 0.1em 0.1em 0.05em #333;<br />
display: inline-block;<br />
width: 140px;<br />
height: 48px;<br />
text-decoration: none;<br />
color: white;<br />
line-height: 40px;<br />
vertical-align: bottom;<br />
}<br />
ul.abanico:hover li {<br />
opacity: 1;<br />
}<br />
ul.abanico:hover li:nth-of-type(6) {<br />
opacity: 0;<br />
}<br />
ul.abanico:hover li:nth-of-type(1) {<br />
background: green;<br />
-moz-transform: rotate(60deg);<br />
-webkit-transform: rotate(60deg);<br />
transform: rotate(60deg);<br />
}<br />
ul.abanico:hover li:nth-of-type(2) {<br />
background: blue;<br />
-moz-transform: rotate(32deg);<br />
-webkit-transform: rotate(32deg);<br />
transform: rotate(32deg);<br />
}<br />
ul.abanico:hover li:nth-of-type(3) {<br />
background: purple;<br />
-moz-transform: rotate(0deg);<br />
-webkit-transform: rotate(0deg);<br />
transform: rotate(0deg);<br />
}<br />
ul.abanico:hover li:nth-of-type(4) {<br />
background: red;<br />
-moz-transform: rotate(-32deg);<br />
-webkit-transform: rotate(-32deg);<br />
transform: rotate(-32deg);<br />
}<br />
ul.abanico:hover li:nth-of-type(5) {<br />
background: orange;<br />
-moz-transform: rotate(-60deg);<br />
-webkit-transform: rotate(-60deg); <br />
transform: rotate(-60deg);<br />
}<br />
<br />
</style><br />
<br />
<ul class="abanico"><br />
<li><a href="ENDEREÇO DO LINK 1">INICIO</a></li><br />
<li><a href="ENDEREÇO DO LINK 2">LINK 1</a></li><br />
<li><a href="ENDEREÇO DO LINK 3">LINK 2</a></li><br />
<li><a href="ENDEREÇO DO LINK 4">LINK 3</a></li><br />
<li><a href="ENDEREÇO DO LINK 5">LINK 4</a></li><br />
<li><a href="javascript:void();">MENU</a></li><br />
</ul></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-84219666311941210802014-05-04T22:00:00.001-03:002014-05-04T22:00:20.467-03:00Mais um modelo de postagnes populares<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoSluHedtYVj033uARQE_tWfSdA2LRPbEvkTfize5f3k4iKxh2yF8w5gAdLgGYWcRt70hH-Egz6i-6b5Y1CFXGpqxmI2j9zz3aupFY92CHPc5SwQH4q2nkOpm4M0shZSLJclWW0e9tvIR/s1600/popular+post3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoSluHedtYVj033uARQE_tWfSdA2LRPbEvkTfize5f3k4iKxh2yF8w5gAdLgGYWcRt70hH-Egz6i-6b5Y1CFXGpqxmI2j9zz3aupFY92CHPc5SwQH4q2nkOpm4M0shZSLJclWW0e9tvIR/s1600/popular+post3.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://filmesdocumentariosvideos.blogspot.com.br/" target="_blank">DEMO</a></div>
<br />
<br />
É sempre bom e necessário que se tenha além de um conteúdo bom, um layout enxuto, de fácil navegação e harmonioso. Há inúmeros hacks para que possamos chegar a esses resultados e os widgets são bastante personalizáveis. Encontrei mais essa maneira de personalizar o widget de postagens populares no blog <a href="http://www.allbloggertricks.com/" target="_blank"><b>All Blogger Tricks</b></a> e trago para vocês o hack.<br />
<br />
A primeira coisa necessária é ter o widget de postagens populares em seu blog. Para isso vá em layout<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" height="400" width="360" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
e depois clique em Adicionar um Gadget e finalmente clique em Postagens populares. Claro, se vc já possui o gadget, pode pular essa etapa.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphmErYmOwR85mNSqWvgRSUA86yoZhJoBXzEiXPIWsKriPWBgsD5aCOiDyGRsnmlvF4IzzJg1l_nh-0EyNWItdY9Rnt2SlZ-FVdRUjmtHGck_NmEDqY4N3hUqASjIRpbj4TLgy8kSZonKa/s1600/ns+populares.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphmErYmOwR85mNSqWvgRSUA86yoZhJoBXzEiXPIWsKriPWBgsD5aCOiDyGRsnmlvF4IzzJg1l_nh-0EyNWItdY9Rnt2SlZ-FVdRUjmtHGck_NmEDqY4N3hUqASjIRpbj4TLgy8kSZonKa/s1600/ns+populares.png" height="482" width="640" /> </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;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpw3ru8Ey0aoeYI5T2ZTtwuNKM_aragyAp-SrwjSw00VF-PHFkLcZbv04vmqkrUIstkB6OjsjnelvAYE3vBM05EieETe4CP5fNtdKwfAMlhxbzDGHgY6JiUt3JKZ021zOkS9SnygwiPif-/s1600/postagens+populares+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpw3ru8Ey0aoeYI5T2ZTtwuNKM_aragyAp-SrwjSw00VF-PHFkLcZbv04vmqkrUIstkB6OjsjnelvAYE3vBM05EieETe4CP5fNtdKwfAMlhxbzDGHgY6JiUt3JKZ021zOkS9SnygwiPif-/s1600/postagens+populares+2.png" /></a></div>
<br />
<br />
<br />
Agora vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />Procure por <span style="color: #6aa84f;"></body> <span style="color: black;">e abaixo dele cole o próximo código.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijzgfc30_QT56xOXVhb6ouUJZbNtIjKTNz_eXyXWWmWkanGozN7Lts0ylJKSrki-472r27Jx8LvdaeGwsNyorbO6YBQTBG6WWWjA87Q6Ujd2QVSNVBSW-Q87rFGJ5tCkHY3jeRsiE_3Yg/s1600/body.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijzgfc30_QT56xOXVhb6ouUJZbNtIjKTNz_eXyXWWmWkanGozN7Lts0ylJKSrki-472r27Jx8LvdaeGwsNyorbO6YBQTBG6WWWjA87Q6Ujd2QVSNVBSW-Q87rFGJ5tCkHY3jeRsiE_3Yg/s1600/body.png" height="238" width="400" /></a></div>
<br />
<br />
<br />
<div class="codeview">
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><br /><script type='text/javascript'><br /> $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});<br /></script><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> // Popular Posts customization by AllBloggerTricks.com<br /> // Trim Code by MS-potilas 2012<br /> $('.popular-posts ul li .item-snippet').each(function(){<br /> var txt=$(this).text().substr(0,120);<br /> var j=txt.lastIndexOf(' ');<br /> if(j>10)<br /> $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));<br /> });<br /> //]]><br /> </script></div>
<br />
<br />
<br />
<br />
Agora vamos dar estilo, implementando CSS<br /><br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
/* Popular Posts Widget customized by AllBloggerTricks.com */<br />.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; } <br />.PopularPosts .item-title { position: relative; } <br />.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }<br />.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; } <br />.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }<br />.item-content:hover img {transform: rotate(10deg) scale(1.2);}<br />.item-content { position: relative; }</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-56144882766096713512014-01-29T00:03:00.002-02:002014-01-29T00:03:57.450-02:00Loading gerador<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKT27aQ2b9HbDRlBhnwzA0OhQsPZwhOr2wNHFz0SAQ0remeMOXvsjHRDU-2iCQBLjzqZizjaFFJbJiAYEM1D8Mqdb5mi4zxt_EBF5nHJVgHYocaggceBjFDPl-lB6Sz9TPOFnzuE3IkwYM/s1600/103.GIF" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKT27aQ2b9HbDRlBhnwzA0OhQsPZwhOr2wNHFz0SAQ0remeMOXvsjHRDU-2iCQBLjzqZizjaFFJbJiAYEM1D8Mqdb5mi4zxt_EBF5nHJVgHYocaggceBjFDPl-lB6Sz9TPOFnzuE3IkwYM/s1600/103.GIF" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNAGPRIHoLJhmECpH2Ww26E8jXseJDr69i0wHjYLiHxbk1xtAjWzjYfP4Cv76F4sTLAYdo4U_TuZIfhEpDq4Yjmy3ulqF6U4rr250ka_9RW1l6_uZAimX5fk_Gt61P5q30hivJACVhkI-/s1600/30.GIF" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNAGPRIHoLJhmECpH2Ww26E8jXseJDr69i0wHjYLiHxbk1xtAjWzjYfP4Cv76F4sTLAYdo4U_TuZIfhEpDq4Yjmy3ulqF6U4rr250ka_9RW1l6_uZAimX5fk_Gt61P5q30hivJACVhkI-/s1600/30.GIF" /></a></div>
<br />
<br />
<br />
Mais uma dica de gerador, que há tempos não posto por aqui. Essa é para o loading, aquela imagem que fica rodando até seu blog ou algum widget abrir totalmente. Nos referidos sites você poderá escolher o modelo, a cor do loading e até a cor de fundo. No primeiro site é possível escrever palavras. Você poderá usa-lo para usar em um dos hacks que postei aqui como por exemplo, o<b><a href="http://templateseacessorios.blogspot.com.br/2013/03/efeito-expandir-area-de-postagens-do.html" target="_blank"> hack de abertura dos posts</a></b>.que é igual do Facebook, ou no <a href="http://templateseacessorios.blogspot.com.br/2014/01/imagem-de-carregamento-no-blogger_29.html" target="_blank">hack onde usamos para contar o tempo de carregamento da página</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkP7OzylZs1wqCL-wd1k1KRKtQ8b6oy2KGYkpIdnEI1jdQ9FifALGQ8YPGlUKxOm7eeljCrkkqtfmaVwTQr0BSRuWrRiZOScFefFAfE5nhs48Iag_jgKdEMgjhtYjwcyG2msyBgRoHlPP3/s1600/31.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkP7OzylZs1wqCL-wd1k1KRKtQ8b6oy2KGYkpIdnEI1jdQ9FifALGQ8YPGlUKxOm7eeljCrkkqtfmaVwTQr0BSRuWrRiZOScFefFAfE5nhs48Iag_jgKdEMgjhtYjwcyG2msyBgRoHlPP3/s1600/31.gif" /></a></div>
<b><a href="http://preloaders.net/" target="_blank">Clique aqui para visitar o site 1</a></b><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZRKr9e5_RMTEGKqaZkvW2B_MU61tB30MNQbRkbVIeGZUhVixF9af9SDJDDB3Y56XBOk6YKkgvmx_et5DPecBahFhDpfCuQOr-9W_WB7vNpJlSj-nq93kBWuyf_C1diY-M7jWx-4JePRI/s1600/36.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZRKr9e5_RMTEGKqaZkvW2B_MU61tB30MNQbRkbVIeGZUhVixF9af9SDJDDB3Y56XBOk6YKkgvmx_et5DPecBahFhDpfCuQOr-9W_WB7vNpJlSj-nq93kBWuyf_C1diY-M7jWx-4JePRI/s1600/36.gif" /></a></div>
<b><a href="http://loadinggif.com/" target="_blank">Clique aqui para abrir o site</a></b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgslnjAPDfDDgVQZ7-sk0bve0c3JlolQ0NJKRIz1V74KNIZA0eGaBc3VOGyvUYNgwH7AbqbfQ74DofkzYwGvh-IsN0eNCJ6E8vO5dVuryjn2He2AkshStMifLNlbzAypBmXS1D4HBIAX0kx/s1600/27.GIF" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgslnjAPDfDDgVQZ7-sk0bve0c3JlolQ0NJKRIz1V74KNIZA0eGaBc3VOGyvUYNgwH7AbqbfQ74DofkzYwGvh-IsN0eNCJ6E8vO5dVuryjn2He2AkshStMifLNlbzAypBmXS1D4HBIAX0kx/s1600/27.GIF" /></a></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com1tag:blogger.com,1999:blog-515002824975363918.post-47128968797555988642014-01-29T00:03:00.000-02:002014-01-29T00:05:27.302-02:00Imagem de carregamento no Blogger - Loading<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnYP-8bOxpBHIULAHagSKEX1m3svbCsIorGFX2CX3GbKgv-eHgiXbXVieNCFVHRyzvfLLgKBDgsJhHle5b8vnWc3jMz6-6FSB8gf7bvaaTMWKa13Kolt_paxKy5r_xnWgxbfyZsijnFlbn/s1600/27.GIF" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnYP-8bOxpBHIULAHagSKEX1m3svbCsIorGFX2CX3GbKgv-eHgiXbXVieNCFVHRyzvfLLgKBDgsJhHle5b8vnWc3jMz6-6FSB8gf7bvaaTMWKa13Kolt_paxKy5r_xnWgxbfyZsijnFlbn/s1600/27.GIF" /></a></div>
<br />
<br />
Para quem tem muito conteúdo ou um blog muito pesado, uma boa distração é colocar uma imagem animada, o loading para que seu visitante n]ao perca a paciência e dê no pé. rs.<br />
Uma dica antiguinha e bem simples de implementar em dois passos.<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Procure por<b> <span style="color: #6aa84f;"></head></span></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" height="228" width="400" /></a></div>
Acima dele cole este próximo código.<br />
<br />
<br />
<div class="codeview">
<span style="background-color: #fafafa; font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;; } </script> </span></div>
<br />
<br />
<br />
Salve !<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Salve. Agora clique em Layout...
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmi1CfvccEl5ScTkIEsnDaY4a34dvFMGDx1Ts_xbWoBVN3bdnVpWIzj-DGzK8TpDislBMoTDOzVnAMWRU_8EOPU2bxE1UhWfI0310-gRQVMER8p1IyUjnOjCn2epmxLGoQb7Mvgxa6Q5R/s1600/layout.png" height="400" width="360" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Clique em Adicionar um Gadget
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s1600/1-adicionar+um+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3a9QpagAZ7XT0RRohPNm_0Q_7t2Te8FjH0sf4tNX4o9Q6HMFH5v-N6kMuHSldR0RDtfePw64ozvkBLe5QTSNdlU9opVENZd57mF-AoVuMYikpmDCe03r8KccspuX_F6FQUGC8fV3qytQ/s320/1-adicionar+um+gadget.png" height="106" width="200" /></a></div>
<br />
<br />
Ao abrir, clique em HTML/Javascript
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyw0sNuk70irwAe5xz5goDY83ixhsGaVh5dAJHCioC9qXp67Te5DkQGX1d_z5KKXHLDI7_lLGnecgoS_ecUbSUBEKF8fN1_wGlxd5B8UOFFKL1035vHZej84GVh1GRzoZTlOSCqikaxOfQ/s1600/HTML.png" height="320" width="298" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Cole então o próximo código fazendo as modificações necessárias.<br />
<br />
O código em vermelho é o código da imagem, bastando troca-la pelo endereço de outra imagem.<a href="http://templateseacessorios.blogspot.com.br/2014/01/loading-gerador.html" target="_blank"> Veja aqui dicas de geradores de imagem loading.</a><br />
<br />
<br />
<div class="codeview">
<div id="imgLOAD" style="text-align:center;">Carregando...<br />
<img src="<b><span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKT27aQ2b9HbDRlBhnwzA0OhQsPZwhOr2wNHFz0SAQ0remeMOXvsjHRDU-2iCQBLjzqZizjaFFJbJiAYEM1D8Mqdb5mi4zxt_EBF5nHJVgHYocaggceBjFDPl-lB6Sz9TPOFnzuE3IkwYM/s1600/103.GIF</span></b>"/></div></div>
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-53585496499715913392014-01-25T03:12:00.002-02:002014-01-25T03:12:30.836-02:00Widgets dentro de menu em abas<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmf6vYm0u7N26SMjsYkDMqNVDtTBfwq797ep1trPoEKG_Y3PeG6Y_YKQl7pI9cCif1Hcd0FTEdeko80BB0tnRolqKLL0jyIuW_kJE2TOJoxzB2TydC4JqRilEMiOG39vbS_86Hna53p7bc/s1600/pmenu+em+abas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmf6vYm0u7N26SMjsYkDMqNVDtTBfwq797ep1trPoEKG_Y3PeG6Y_YKQl7pI9cCif1Hcd0FTEdeko80BB0tnRolqKLL0jyIuW_kJE2TOJoxzB2TydC4JqRilEMiOG39vbS_86Hna53p7bc/s1600/pmenu+em+abas.png" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://templateoriginaltestes.blogspot.com.br/" target="_blank"><span style="font-size: x-small;"><b>DEMO </b></span></a></div>
<br />
Organização e economia de espaço é tudo em nosso blog. Um bom widget a se instalar é esse, de menu em abas onde se instala os posts populares, os útimos posts, os últimos comentários e os marcadores. <br />
Da um puquinho de trabalho e é necessário ter um sidebar mais largo, de pelo menos 380px para que fique bem estruturado e não embole os títulos dos widgets. <br />
<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
Clique no botão "Editar modelo" e depois nas teclas Ctrl e F. Ao abrir a janela, procure pelo seguinte trecho.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o1K5kKGc51AP7B9e5ZsDSf3DUKGcnaA04gfgx70pdiI3xnsRuqK3pESn-_qQu8aQwhh44bEeCxbxd64oxyp-TOW68gTAkUJM72i8IQ3bsrM2CMV11y2o8jAoFBbiaICteftq0H7cVhes/s1600/editar+modelo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o1K5kKGc51AP7B9e5ZsDSf3DUKGcnaA04gfgx70pdiI3xnsRuqK3pESn-_qQu8aQwhh44bEeCxbxd64oxyp-TOW68gTAkUJM72i8IQ3bsrM2CMV11y2o8jAoFBbiaICteftq0H7cVhes/s1600/editar+modelo.png" height="208" width="320" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Procure por<b> <span style="color: #6aa84f;"></head></span></b><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz207QlhBOWlI3hB4wkqbQWiFyhc33G3Ov5Lol4GKJTSKOfTb0YT34Dgm3JkmrdEmuuG-wBXX-S-KngzHfRuvPhlW4pEQkls0O9WrbgR-Gqirl0S8ujVuO5ZMKIu3N0teW0mtdFitOSrLd/s1600/head.png" height="228" width="400" /></a></div>
Acima dele cole este próximo código.<br />
<br />
<br />
<div class="codeview">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/></div>
<div class="codeview">
<script type='text/javascript'><br />//<![CDATA[ <br />imgr = new Array();<br />imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";<br />showRandomImg = true;<br />aBold = true;<br />summaryPost = 90; <br />summaryTitle = 25; <br /> numpostsf = 8;<br /> numposts3 = 7;<br />numposts1 = 6; <br /><br />function removeHtmlTag(strx,chop){<br /> var s = strx.split("<");<br /> for(var i=0;i<s.length;i++){<br /> if(s[i].indexOf(">")!=-1){<br /> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br /> }<br /> }<br /> s = s.join("");<br /> s = s.substring(0,chop-1);<br /> return s;<br />}<br /><br />function showhomeposts1(json) {<br /> j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br /> img = new Array();<br /> if (numposts1 <= json.feed.entry.length) {<br /> maxpost = numposts1;<br /> }<br /> else<br /> {<br /> maxpost=json.feed.entry.length;<br /> } <br /> for (var i = 0; i < maxpost; i++) {<br /> var entry = json.feed.entry[i];<br /> var posttitle = entry.title.$t;<br /> var pcm;<br /> var posturl;<br /> if (i == json.feed.entry.length) break;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> posturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> <br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br /> pcm = entry.link[k].title.split(" ")[0];<br /> break;<br /> }<br /> }<br /> <br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> <br /> postdate = entry.published.$t;<br /> <br /> if(j>imgr.length-1) j=0;<br /> img[i] = imgr[j];<br /> <br /> s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br /> if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br /> //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /><br /> var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br /> var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br /> var day = postdate.split("-")[2].substring(0,2);<br /> var m = postdate.split("-")[1];<br /> var y = postdate.split("-")[0];<br /><br /> for(var u2=0;u2<month.length;u2++){<br /> if(parseInt(m)==month[u2]) {<br /> m = month2[u2] ; break;<br /> }<br /> }<br /><br /> var daystr = day+ ' ' + m + ' ' + y ;<br /> <br /> <br /> if (i==0) {<br /><br /> <br />var trtd = '<div class="grid-box"><div class="hover_play"><a href="'+posturl+'"><img src="'+img[i]+'" alt=""></img></a></div><h2 class="big_title"><a href="'+posturl+'" title="">'+posttitle+'</a></h2><span class="block-metas">'+daystr+' <a href="#" title="">- '+pcm+' Comments</a></span><p>'+removeHtmlTag(postcontent,summaryPost)+'</p></div>';<br /><br /> document.write(trtd);<br />}<br />else{<br /> <br /> var trtd = '<div class="showthis"><div class="grid-box"><div class="grid-image"><a class="hover_play_small" href="'+posturl+'" title=" "><img src="'+img[i]+'" alt=" "></img></a></div><h2><a href="'+posturl+'" title="">'+posttitle+'</a></h2> </div></div>';<br /> <br /> document.write(trtd);<br /><br />}<br /><br /> j++;<br />}<br /> }<br /><br /><br /> function showrecentposts1(json) {<br /> j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br /> img = new Array();<br /> if (numposts1 <= json.feed.entry.length) {<br /> maxpost = numposts1;<br /> }<br /> else<br /> {<br /> maxpost=json.feed.entry.length;<br /> } <br /> document.write('<ul class="slides">');<br /> for (var i = 0; i < maxpost; i++) {<br /> var entry = json.feed.entry[i];<br /> var posttitle = entry.title.$t;<br /> var pcm;<br /> var posturl;<br /> if (i == json.feed.entry.length) break;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> posturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> <br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br /> pcm = entry.link[k].title.split(" ")[0];<br /> break;<br /> }<br /> }<br /> <br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> <br /> postdate = entry.published.$t;<br /> <br /> if(j>imgr.length-1) j=0;<br /> img[i] = imgr[j];<br /> <br /> s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br /> if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br /> //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /><br /> var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br /> var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br /> var day = postdate.split("-")[2].substring(0,2);<br /> var m = postdate.split("-")[1];<br /> var y = postdate.split("-")[0];<br /><br /> for(var u2=0;u2<month.length;u2++){<br /> if(parseInt(m)==month[u2]) {<br /> m = month2[u2] ; break;<br /> }<br /> }<br /><br /> var daystr = day+ ' ' + m + ' ' + y ;<br /> <br /> <br /> var trtd = '<li> <a href="'+posturl+'"><img src="'+img[i]+'"/></a> <h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2> </li>';<br /> document.write(trtd);<br /><br /><br /> j++;<br />}<br />document.write('</ul>');<br />}<br /><br /> function showrecentposts2(json) {<br /> j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;<br /> img = new Array();<br /> if (numposts3 <= json.feed.entry.length) {<br /> maxpost = numposts3;<br /> }<br /> else<br /> {<br /> maxpost=json.feed.entry.length;<br /> } <br /> <br /> for (var i = 0; i < maxpost; i++) {<br /> var entry = json.feed.entry[i];<br /> var posttitle = entry.title.$t;<br /> var pcm;<br /> var posturl;<br /> if (i == json.feed.entry.length) break;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> posturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> <br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {<br /> pcm = entry.link[k].title.split(" ")[0];<br /> break;<br /> }<br /> }<br /> <br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> <br /> postdate = entry.published.$t;<br /> <br /> if(j>imgr.length-1) j=0;<br /> img[i] = imgr[j];<br /> <br /> s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);<br /><br /> if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;<br /><br /> //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';<br /><br /><br /> var month = [1,2,3,4,5,6,7,8,9,10,11,12];<br /> var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];<br /><br /> var day = postdate.split("-")[2].substring(0,2);<br /> var m = postdate.split("-")[1];<br /> var y = postdate.split("-")[0];<br /><br /> for(var u2=0;u2<month.length;u2++){<br /> if(parseInt(m)==month[u2]) {<br /> m = month2[u2] ; break;<br /> }<br /> }<br /><br /> var daystr = day+ ' ' + m + ' ' + y ;<br /> <br /><br /> var trtd = '<li><a href="'+posturl+'">'+posttitle+'</a></li>';<br /> document.write(trtd);<br /><br /><br /> j++;<br />}<br /><br />} <br /><br /><br /><br /><br /><br />var classicMode = false ;<br />var summary = 20;<br />var indent = 3;<br /><br />function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}<br /><br />function getSummaryLikeWP(id) {<br /> return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];<br />}<br /><br />function getSummaryImproved(post,max){<br /> var re = /<.*?>/gi<br /> var re2 = /<br.*?>/gi<br /> var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi<br /> var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi<br /> <br /> post = post.replace(re4,'')<br /> post = post.replace(re3,'<br /> ').split(re2)<br /> <br /> for(var i=0; i<post.length; i++){<br /> post[i] = post[i].replace(re,'');<br /> }<br /> var post2 = new Array();<br /> for(var i in post) {<br /> //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);<br /> if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;<br /><br /> }<br /><br /><br /> var s = "";<br /> var indentBlank = "";<br /> for(var i=0;i<indent;i++){<br /> indentBlank += " ";<br /> }<br /> if(post2.join('<br/>').split(' ').length < max-1 ){<br /> s = post2.join(indentBlank +' <br/>');<br /> } else {<br /> var i = 0;<br /> while(s.split(' ').length < max){<br /> s += indentBlank + ' ' + post2[i]+'<br/>';<br /> i++;<br /> }<br /> } <br /> return s;<br />}<br /><br /><br />function createSummaryAndThumb(pID,title,url,date,comment){<br /> var posturl= url;<br /> var title=title;<br /> var date =date;<br /> var comment = comment;<br /> var div = document.getElementById(pID);<br /> var content = div.innerHTML;<br /> if (/<!--\s*more\s*-->/.test(content)) {<br /> div.innerHTML = getSummaryLikeWP(pID);<br /> div.style.display = "block";<br /> } <br /> else {<br /><br /> var imgtag = "";<br /> var img = div.getElementsByTagName("img");<br /> var summ = summary;<br /> if(img.length>=1) { <br /> imgtag = '<a href="'+posturl+'"><img src="'+img[0].src+'"></a>';<br /> }<br /> var summary1 = '<div class="article-thumbnail">'+imgtag+'</div> <div class="article-content"><div class="article-excerpt"> <p>'+stripHtmlTags(content,summary)+'... </p><div class="read-more"><a class="read-more-button" href="'+posturl+'">Read More</a></div></div> </div>';<br /><br /><br /> div.innerHTML = summary1;<br /> div.style.display = "block";<br /> }<br />}<br /><br /><br />//]]><br /></script><br /><br /><br /><br /><script type='text/javascript'><br /><br /><br />//<![CDATA[<br /><br />/*<br /> * Superfish v1.4.8 - jQuery menu widget<br /> * Copyright (c) 2008 Joel Birch<br /> *<br /> * Dual licensed under the MIT and GPL licenses:<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * http://www.gnu.org/licenses/gpl.html<br /> *<br /> * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt<br /> */<br /><br />;(function($){<br /> $.fn.superfish = function(op){<br /><br /> var sf = $.fn.superfish,<br /> c = sf.c,<br /> $arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),<br /> over = function(){<br /> var $$ = $(this), menu = getMenu($$);<br /> clearTimeout(menu.sfTimer);<br /> $$.showSuperfishUl().siblings().hideSuperfishUl();<br /> },<br /> out = function(){<br /> var $$ = $(this), menu = getMenu($$), o = sf.op;<br /> clearTimeout(menu.sfTimer);<br /> menu.sfTimer=setTimeout(function(){<br /> o.retainPath=($.inArray($$[0],o.$path)>-1);<br /> $$.hideSuperfishUl();<br /> if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}<br /> },o.delay); <br /> },<br /> getMenu = function($menu){<br /> var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];<br /> sf.op = sf.o[menu.serial];<br /> return menu;<br /> },<br /> addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };<br /> <br /> return this.each(function() {<br /> var s = this.serial = sf.o.length;<br /> var o = $.extend({},sf.defaults,op);<br /> o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){<br /> $(this).addClass([o.hoverClass,c.bcClass].join(' '))<br /> .filter('li:has(ul)').removeClass(o.pathClass);<br /> });<br /> sf.o[s] = sf.op = o;<br /> <br /> $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {<br /> if (o.autoArrows) addArrow( $('>a:first-child',this) );<br /> })<br /> .not('.'+c.bcClass)<br /> .hideSuperfishUl();<br /> <br /> var $a = $('a',this);<br /> $a.each(function(i){<br /> var $li = $a.eq(i).parents('li');<br /> $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});<br /> });<br /> o.onInit.call(this);<br /> <br /> }).each(function() {<br /> var menuClasses = [c.menuClass];<br /> if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);<br /> $(this).addClass(menuClasses.join(' '));<br /> });<br /> };<br /><br /> var sf = $.fn.superfish;<br /> sf.o = [];<br /> sf.op = {};<br /> sf.IE7fix = function(){<br /> var o = sf.op;<br /> if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)<br /> this.toggleClass(sf.c.shadowClass+'-off');<br /> };<br /> sf.c = {<br /> bcClass : 'sf-breadcrumb',<br /> menuClass : 'sf-js-enabled',<br /> anchorClass : 'sf-with-ul',<br /> arrowClass : 'sf-sub-indicator',<br /> shadowClass : 'sf-shadow'<br /> };<br /> sf.defaults = {<br /> hoverClass : 'sfHover',<br /> pathClass : 'overideThisToUse',<br /> pathLevels : 1,<br /> delay : 800,<br /> animation : {opacity:'show'},<br /> speed : 'normal',<br /> autoArrows : true,<br /> dropShadows : false,<br /> disableHI : false, // true disables hoverIntent detection<br /> onInit : function(){}, // callback functions<br /> onBeforeShow: function(){},<br /> onShow : function(){},<br /> onHide : function(){}<br /> };<br /> $.fn.extend({<br /> hideSuperfishUl : function(){<br /> var o = sf.op,<br /> not = (o.retainPath===true) ? o.$path : '';<br /> o.retainPath = false;<br /> var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)<br /> .find('>ul').hide().css('visibility','hidden');<br /> o.onHide.call($ul);<br /> return this;<br /> },<br /> showSuperfishUl : function(){<br /> var o = sf.op,<br /> sh = sf.c.shadowClass+'-off',<br /> $ul = this.addClass(o.hoverClass)<br /> .find('>ul:hidden').css('visibility','visible');<br /> sf.IE7fix.call($ul);<br /> o.onBeforeShow.call($ul);<br /> $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });<br /> return this;<br /> }<br /> });<br /><br />})(jQuery);<br /><br />jQuery(document).ready(function() { <br /> jQuery('ul.nav').superfish(); <br /> jQuery('ul.topnav').superfish(); <br />}); <br /><br />/* Menu */<br />jQuery(document).ready(function() { <br /> jQuery('ul.nav').superfish(); <br /> jQuery('ul.topnav').superfish(); <br />}); <br /><br />/* Tabs */<br />jQuery(document).ready(function(){<br /><br /> // UL = .tabs<br /> // Tab contents = .inside<br /> <br /> var tag_cloud_class = '#tag-cloud'; <br /> <br /> //Fix for tag clouds - unexpected height before .hide() <br /> var tag_cloud_height = jQuery('#tag-cloud').height();<br /><br /> jQuery('.inside ul li:last-child').css('border-bottom','1px') // remove last border-bottom from list in tab conten<br /> jQuery('.tabs').each(function(){<br /> jQuery(this).children('li').children('a:first').addClass('selected'); // Add .selected class to first tab on load<br /> });<br /> jQuery('.inside > *').hide();<br /> jQuery('.inside > *:first-child').show();<br /> <br /><br /> jQuery('.tabs li a').click(function(evt){ // Init Click funtion on Tabs<br /> <br /> var clicked_tab_ref = jQuery(this).attr('href'); // Strore Href value<br /> <br /> jQuery(this).parent().parent().children('li').children('a').removeClass('selected'); //Remove selected from all tabs<br /> jQuery(this).addClass('selected');<br /> jQuery(this).parent().parent().parent().children('.inside').children('*').hide();<br /> <br /> /*<br /> if(clicked_tab_ref === tag_cloud_class) // Initiate tab fix (+20 for padding fix)<br /> {<br /> clicked_tab_ref_height = tag_cloud_height + 20;<br /> }<br /> else // Other height calculations<br /> {<br /> clicked_tab_ref_height = jQuery('.inside ' + clicked_tab_ref).height();<br /> }<br /> */<br /> //jQuery('.inside').stop().animate({<br /> // height: clicked_tab_ref_height<br /> // },400,"linear",function(){<br /> //Callback after new tab content's height animation<br /> jQuery('.inside ' + clicked_tab_ref).fadeIn(500);<br /> // })<br /> <br /> evt.preventDefault();<br /><br /> })<br /> <br />})<br /><br /><br />//]]><br /></script></div>
<br />
<br />
Salve !<br />
<br />
<br />
Agora vamos procurar por um código e preste atenção.<br />
<br />
<br />
Se a<b><span style="color: red;"> sidebar</span></b> de seu blog fica do <span style="color: red;"><b>lado direito</b></span>, procure por:<br />
<br />
<div class='column-right-outer'><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Se a <span style="color: red;"><b>sidebar</b></span> de seu blog fica do <span style="color: red;"><b>lado esquerdo</b></span> procure por:<br />
<br />
<br />
<div class='column-left-outer'><br />
<br />
<br />
<br />
Abaixo dele, cole<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="codeview">
<div id='tabber'><br /> <br /> <ul class='tabs'><br /> <li><a class='selected' href='#popular-posts'>Popular</a></li><br /> <li><a href='#recent-posts'>Recente</a></li><br /> <li><a href='#recent-comments'>Comentário</a></li><br /> <li><a class='border-right-none' href='#tag-cloud'>Tags</a></li><br /> </ul> <!--end .tabs--><br /> <br /> <div class='clear'/><br /> <br /> <div class='inside'><br /> <br /><div id='popular-posts' style='display: block;'><br /> <ul><br /><b:section id='tab_pop'><br /> <b:widget id='PopularPosts11' locked='false' title='Popular Posts' type='PopularPosts'><br /> <b:includable id='main'><br /> <div class='widget-content popular-posts'><br /> <ul><br /> <b:loop values='data:posts' var='post'><br /> <li><br /> <b:if cond='data:showThumbnails == &quot;false&quot;'><br /> <b:if cond='data:showSnippets == &quot;false&quot;'><br /> <!-- (1) No snippet/thumbnail --><br /> <a expr:href='data:post.href'><data:post.title/></a><br /> <b:else/><br /> <!-- (2) Show only snippets --><br /> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /> <div class='item-snippet'><data:post.snippet/></div><br /> </b:if><br /> <b:else/><br /> <b:if cond='data:showSnippets == &quot;false&quot;'><br /> <!-- (3) Show only thumbnails --><br /> <div class='item-thumbnail-only'><br /> <b:if cond='data:post.thumbnail'><br /> <div class='item-thumbnail-center'><br /> <a expr:href='data:post.href' target='_blank'><br /> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br /> </a><br /> </div><br /> </b:if><br /> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /> </div><br /> <b:else/><br /> <!-- (4) Show snippets and thumbnails --><br /> <div class='item-content'><br /> <b:if cond='data:post.thumbnail'><br /> <div class='item-thumbnail'><br /> <a expr:href='data:post.href' target='_blank'><br /> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br /> </a><br /> </div><br /> </b:if><br /> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br /> <div class='item-snippet'><data:post.snippet/></div><br /> </div><br /> <div style='clear: both;'/><br /> </b:if><br /> </b:if><br /> </li><br /> </b:loop><br /> </ul><br /> <b:include name='quickedit'/><br /> </div><br /></b:includable><br /> </b:widget><br /></b:section><br /> </ul> <br /> </div> <!--end #popular-posts--><br /> <br /> <div id='recent-posts' style='display: none;'> <br /> <ul><br /> <ul><br /> <script><br /> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?max-results=&quot;+numpostsf+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);<br /> </script><br /> </ul><br /> <br /> </ul> <br /> </div> <!--end #recent-posts--><br /> <br /> <div id='recent-comments' style='display: none;'> <br /> <ul><br /> <br /> <!-- Script Widget recent comments with avatar by http://www.way2blogging.org --><br /> <script type='text/javascript'><br />//<![CDATA[<br /> // Recent Comments Settings<br /> var<br /> numComments = 5,<br /> showAvatar = true,<br /> avatarSize = 60,<br /> roundAvatar = true,<br /> characters = 40,<br /> showMorelink = false,<br /> moreLinktext = "More",<br /> defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",<br /> hideCredits = true;<br />//]]><br /></script><br /><script src='http://spicemag.googlecode.com/svn/trunk/spicemag/spicytricks_comments.js' type='text/javascript'/><br /><script src='/feeds/comments/default?alt=json&amp;callback=spicytricks_recent_comments&amp;max-results=5' type='text/javascript'/><br /> <br /> </ul><br /> </div> <!-- end #recent-comments--><br /> <br /> <div id='tag-cloud' style='display: none;'><br /> <b:section id='tagsd'><br /> <b:widget id='Label2' locked='false' title='Labels' type='Label'><br /> <b:includable id='main'><br /><br /> <b:loop values='data:labels' var='label'><br /> <br /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br /> <br /> </b:loop><br /> <br /> </b:includable><br /> </b:widget><br /> </b:section> <br /> </div> <!--end #tag-cloud--><br /> <br /> <div class='clear' style='display: none;'/><br /> <br /> </div> <!--end .inside --><br /> <br /> <div class='clear'/><br /> <br /> </div> <!-- /tabber--><br /><br /><br /><div class='widget rece_cat_spicytricks'> <br /> <div class='widget-title'><script type='text/javascript'><br /> document.write(&quot; <h3>&quot;+side_cat1_title+&quot;</h3> &quot;);<br /> </script></div><br /> <ul class='widget-content'><br /> <script type='text/javaScript'><br /> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+side_cat1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);<br /> </script><br /> </ul><br /> <div class='clear'/><br /></div> <br /> <br /><div class='widget rece_cat_spicytricks'> <br /> <div class='widget-title'><script type='text/javascript'><br /> document.write(&quot; <h3>&quot;+side_cat2_title+&quot;</h3> &quot;);<br /> </script></div><br /> <ul class='widget-content'><br /> <script type='text/javaScript'><br /> document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+side_cat2+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);<br /> </script><br /> </ul><br /> <div class='clear'/><br /></div> </div>
<br />
<br />
<br />
<br />
<br /><br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
<br />/*Widget tabs------------------------------------------ */<br />#tabber {<br /> background: #fff;<br /> display: block;<br /> height: auto;<br /> margin: 0 0 25px 0;<br /> clear:both;<br />}<br /><br />#tabber ul.tabs {<br /> background: #fff;<br /> padding: 0 0;<br />}<br />#tabber ul.tabs li {<br /> background: none;<br /> border-bottom: 0;<br /> color: #fff;<br /> cursor: pointer;<br /> display: inline;<br /> float: left;<br /> font-size: 11px;<br /> font-weight: bold;<br /> padding: 0 0 0 0;<br />}<br />#tabber ul.tabs li a.selected, #tabber ul.tabs li a:hover {<br /> background: #cc0000; /*Cor de fundo selecionada título*/<br /> color: #fff;<br /> text-decoration: none;<br />}<br />#tabber ul.tabs li a {<br />background: #443A3A; /*Cor de fundo título*/<br />color: #fff;<br />display: block;<br />float: left;<br />line-height: 22px;<br />padding: 8px 20px;<br />text-transform: uppercase;<br />}<br />#tabber #tag-cloud, #tabber .inside li {<br /> padding: 10px 10px 10px 0;<br />}<br />#tabber .inside li {<br /> background: none;<br />border-bottom: 1px solid #E9E9E9;<br />display: block;<br />clear: both;<br />min-height: 70px;<br />}<br />#tabber .inside li a {<br /> color: #555;<br />line-height: 19px;<br />font-size: 16px;<br /> }<br /> #tabber .inside li a:hover,#sidebar h2 a:hover{color:#FFC600;}<br />#tabber .inside li div.info {<br /> display: table;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> top: 0 !important;<br />}<br />#tabber .inside li span.meta {<br /> color: #999;<br /> display: block;<br /> font: 11px/20px Arial;<br />}<br />#tabber .inside li span.meta a {<br /> color: #999;<br />}<br />#tabber .inside li span.meta a:hover {<br /> text-decoration: none;<br />}<br />#tabber .inside li img.avatar, #tabber .inside li img.thumb {<br /> float: left;<br /> margin: 0 10px 10px 0;<br />}<br />#tabber .tab-thumb {<br /> float: left;<br /> margin: 0 10px 10px 0;<br />}<br />.avatarImage.avatarRound {<br />float: left;<br />height: 60px;<br />margin-right: -120px;}<br /><br />#tagsd a {<br />padding: 3px;<br />font-size: 15px;<br />}<br />.item-thumbnail-center {<br />float: left;<br />margin-right: 5px;<br />}<br /><br /><br />#PopularPosts11{max-width:300px; margin: 0 0 0 -50px;} <br />#PopularPosts11 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0} <br />#PopularPosts11 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#FF3E96), color-stop(0.5, #FF3E96), c#4F94CDolor-stop(0.5, #FF3E96), to(#aaa));background: -moz-linear-gradient(top, #ffffff, #ddd 50%, #FF3E96 50%, #ffffff);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} <br />#PopularPosts11 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);} <br /><br />.Label a{ <br />padding-left:20px; <br />background:#000; <br />padding:0 20px; <br />color:#fff!important; <br />border-radius:100px; <br />-moz-border-radius:100px; <br />height:32px; <br />line-height:32px; <br />text-transform:uppercase; <br />text-decoration:none; <br />border:none !important; <br />-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px; <br />float:left; <br />margin-left:5px; <br />margin-top:5px; <br />font-size:14px; } <br />.Label a:hover{ <br />color:#000 !important; <br />background:#ff0; } <br /><br /><br />.slides img {<br />width: 80px;<br />height: 80px;<br />float: left;<br />margin: 2px 1px 6px -70px;<br />}<br />.slides h2 {<br />border: none !important;<br />margin: 2px 1px 2px 24px;<br />}<br /><br />#footer .slides img{<br />border: 1px solid #777676;<br />padding: 3px;<br />display:none;<br />}<br />.flexslider .slides h2 {padding:15px 0;}<br /><br />.slides h2 a {<br />color: #cc0000;<br />font-size: 16px;<br />}<br />.slides h2 a:hover {<br />color: #FFC600;<br />}<br /><br /><br /><br />.spicytricks-related-posts{clear:both;overflow:hidden;}<br />.spicytricks-related-posts h3{<br />margin-bottom: 10px;<br />padding-bottom: 10px;<br /> }<br />.avatarImage {margin: 0 0 0 -40px}<br /><br />.avatarImage .avatarRound{margin: 0 0 0 -30px}<br /><br />/* Browser Resets */<br />.flex-container a:active,<br />.flexslider a:active,<br />.flex-container a:focus,<br />.flexslider a:focus {outline: none;}<br />.slides,<br />.flex-control-nav,<br />.flex-direction-nav {margin: 0; padding: 0; list-style: none;} <br /><br />/* FlexSlider Necessary Styles<br />*********************************/ <br />.flexslider {margin: 0; padding: 0;}<br />.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;margin-right:36px;} /* Hide the slides before the JS is loaded. Avoids image jumping */<br />.flexslider .slides img {width: 100%; height:100%;margin:0;display: block;}<br />.flex-pauseplay span {text-transform: capitalize;}<br /><br />/* Clearfix for the .slides element */<br />.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} <br />html[xmlns] .slides {display: block;} <br />* html .slides {height: 1%;}<br /><br />/* No JavaScript Fallback */<br />/* If you are not using another script, such as Modernizr, make sure you<br /> * include js that eliminates this class on page load */<br />.no-js .slides > li:first-child {display: block;}<br /><br /><br />/* FlexSlider Default Theme<br />*********************************/<br />.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}<br />.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}<br />.loading .flex-viewport {max-height: 300px;}<br />.flexslider .slides {zoom: 1;}<br /><br />.carousel li {margin-right: 5px}<br /><br /></div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com1tag:blogger.com,1999:blog-515002824975363918.post-59383063660610552742014-01-23T01:19:00.001-02:002014-01-23T01:19:49.401-02:00Como baixar vídeos do Facebook<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeiHCK7jngXaWlR-rkHjdDaPkWtDaRiI5HLSWlqGKxyJapprtmjZXCsDMxFGpDA8hVF2iMviYVUGwlGXQ6Cpa2fZhDsN7Kq3HZi_e7_84JHYkVkv5hledr-i9lsIFmPFTK2-BzL9nkirb/s1600/facebook-video.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeiHCK7jngXaWlR-rkHjdDaPkWtDaRiI5HLSWlqGKxyJapprtmjZXCsDMxFGpDA8hVF2iMviYVUGwlGXQ6Cpa2fZhDsN7Kq3HZi_e7_84JHYkVkv5hledr-i9lsIFmPFTK2-BzL9nkirb/s1600/facebook-video.jpg" height="320" width="219" /></a></div>
O Facebook, a meu ver, é a rede social mais completa, viciante e a que melhor compartilha conteúdo. De textos a links, de vídeos a fotos o site veio e se estabeleceu em todo o nicho, em todas as classes e idades. Muitas vezes vemos conteúdos e gostaríamos de compartilha-los e muitas vezes essa opção não é disponibilizada, outrora queremos mesmo guardar alguma foto ou vídeo que por lá circula, então não sabemos como faze-lo. Para tanto, resolvi escrever este post, para mais uma vez ajuda-los e também não me esquecer dessa ferramenta. <br />
<br />
Se você assistiu a um vídeo no Facebook e gostaria de guarda-lo em seu pc, saiba que é possível. Para isso, comece dando um clique em cima do vídeo que quer baixar, com o botão direito do esquerdo. Assim que abrir a nova janela, copie todo o código da barra de endereço.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWotoAjjraW4vaDeFuHhMGp-sXBiXz9Y_EwhPcM1zSKktwRukKyd0_sf5WOo0RZv4XvyxYheXFvUzEXPIjuOjEEUyrCfnJ1JAv78j4KFPOzA6yfnxk3avKm8uIImbP9SQWbBgT5XqSXZg/s1600/copie+o+endere%C3%A7o.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWotoAjjraW4vaDeFuHhMGp-sXBiXz9Y_EwhPcM1zSKktwRukKyd0_sf5WOo0RZv4XvyxYheXFvUzEXPIjuOjEEUyrCfnJ1JAv78j4KFPOzA6yfnxk3avKm8uIImbP9SQWbBgT5XqSXZg/s1600/copie+o+endere%C3%A7o.png" height="258" width="320" /></a></div>
<br />
<br />
<br />
Agora entre no site <a href="http://fbdown.net/index.php?" target="_blank"><b>FB Download</b></a> e cole o endereço no local indicado e depois clique em Baixar..<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil3-GSYoYI5L9ehAvu9C0EbfWU0FhahSDpjBZJUxJwWG7W1ZYzY5y77AKPXoG-BCKYa2FO1PzSbXZbV2CyXe9ah1zJKqHBRMnreHKqG-QbMJoNg9MlKnP-Z0GPsp53TYmS_dz5TIYYiPsX/s1600/cole.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil3-GSYoYI5L9ehAvu9C0EbfWU0FhahSDpjBZJUxJwWG7W1ZYzY5y77AKPXoG-BCKYa2FO1PzSbXZbV2CyXe9ah1zJKqHBRMnreHKqG-QbMJoNg9MlKnP-Z0GPsp53TYmS_dz5TIYYiPsX/s1600/cole.png" height="125" width="400" /> </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;">
Aguarde...</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;">
Em pouco tempo, a página ficará assim. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Clique em Download do vídeo em Alta Qualidade.</div>
<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;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK-v6lmBJOxkqh_oxjFMIwTqx61xM32Z7i-jtew-_J9NUpOTCHoXkbiGes2gJGOfn_hmUXn0jI9aDf_fr7BEhuaNHylCEPLfxpVVRQTHbmD2jiVYxohLQN7n96q6-U4VxNRkhDeIU79Z57/s1600/clique.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK-v6lmBJOxkqh_oxjFMIwTqx61xM32Z7i-jtew-_J9NUpOTCHoXkbiGes2gJGOfn_hmUXn0jI9aDf_fr7BEhuaNHylCEPLfxpVVRQTHbmD2jiVYxohLQN7n96q6-U4VxNRkhDeIU79Z57/s1600/clique.png" height="193" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Pronto, ao abrir a próxima janela, clique em cima do vídeo com o botão direito do mouse e depois clique em Salvar vídeo como... Pronto, já está em seu pc, basta agora dar a ele o destino desejado.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcoSvoRNrA8ofQK6EqaSgd704M9HZGjn7Cs6l3MDfn9kLftG1zy5fwruj7-Z2znbPX6fn9BUjWwQWLErhVvULq-iJAfM3DkD_ZVfsCuU-JGdHUOwOk0Lh2FtS4JilJq8Y-4FiwJHQrjoB/s1600/salvar+video+como.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcoSvoRNrA8ofQK6EqaSgd704M9HZGjn7Cs6l3MDfn9kLftG1zy5fwruj7-Z2znbPX6fn9BUjWwQWLErhVvULq-iJAfM3DkD_ZVfsCuU-JGdHUOwOk0Lh2FtS4JilJq8Y-4FiwJHQrjoB/s1600/salvar+video+como.png" height="168" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br /><div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-42904580723648407312014-01-12T22:35:00.000-02:002014-01-12T22:35:15.330-02:00Retirar navebar, links de área de atribuição e feed dos modelos do Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_7ka1ZK9DW4n_DLzlnham_AW0SA8CPR9ElpBBD9IzHZekG4H54pgW-DBwytpc1RDw1ejRBfmWdUo22Gabt1xuhEniobu3mXCSbqziq0Kjmp7maj52LTR2NJ-voAPRR1bzSZLfbqJxnq_/s1600/retirar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_7ka1ZK9DW4n_DLzlnham_AW0SA8CPR9ElpBBD9IzHZekG4H54pgW-DBwytpc1RDw1ejRBfmWdUo22Gabt1xuhEniobu3mXCSbqziq0Kjmp7maj52LTR2NJ-voAPRR1bzSZLfbqJxnq_/s1600/retirar.png" /></a></div>
<br />
<br />
Eu gosto bastante dos modelos de template que veem junto ao Blogger, mas sinto que há certos elementos passando em seu código. Há pelo menos três desses elementos que sempre retiro quando faço modelos novos, que são a barra de navegação, as atribuições que veem no footer e aquele pequeno link de feeds que encontramos logo após a área de postagens.<br />
Acho-os todos, desnecessários e feios. Se você quer dar um ar mais profissional em seu blog, é necessário retira-los pois além de estarem em locais indesejáveis. eles são pouco customizáveis. Com um pequeno código inserido na área de personalização, é possível fazer isso com facilidade.<br />
<br />
<br />
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
#navbar, .feed-links, #Attribution1{display:none}</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com3tag:blogger.com,1999:blog-515002824975363918.post-22186183252748260822014-01-12T17:36:00.000-02:002014-01-12T17:36:00.015-02:00Sroller do template colorido<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyZucp4a4wJ1MjswrWyQxPZrRLiAYFLhAFE4Z5Z6QsSZ3OCUZvTDB7PThDc5Fhh0bnSk18r3g6qjNblPbFDC3H97lQDKYiyfohFu3EfnSl8bS4Ccqkgl8YY8-mm93R-UXGcDvOxjTijtZ0/s1600/scroller.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyZucp4a4wJ1MjswrWyQxPZrRLiAYFLhAFE4Z5Z6QsSZ3OCUZvTDB7PThDc5Fhh0bnSk18r3g6qjNblPbFDC3H97lQDKYiyfohFu3EfnSl8bS4Ccqkgl8YY8-mm93R-UXGcDvOxjTijtZ0/s1600/scroller.png" height="282" width="400" /></a></div>
<br />
<br />
Scroller ou scroll é a barra de rolagem que aparece nos blogs e sites para que façamos a navegação na vertical, muito embora existam os que façam também na horizontal. Nos navegadores que aceitam CSS é possível dar um charme a mais ao layout de seu blog, dando integração e leveza ao template. Pura estética, mas que ajuda a deixar o template mais bonito. A máxima sempre vale, a de que Deus reside nos detalhes.<br />
<br />
De fácil instalação, basta copiar o código e colar na parte de personalização do Blogger.<br />
<br />
<br />
<br />
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
/*SCROLL BAR*/<br />
::-webkit-scrollbar {<br />
width:8px;<br />
height:8px;<br />
}<br />
::-webkit-scrollbar-track {<br />
background:#FFF;<br />
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;<br />
border:1px solid #D8D8D8;<br />
}<br />
::-webkit-scrollbar-thumb {<br />
background:<b style="background-color: orange;">#F78121</b>; /*Cor do botão */<br />
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);<br />
}<br />
::-webkit-scrollbar-thumb:hover {<br />
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);<br />
}<br />
::-webkit-scrollbar-thumb:active {<br />
background:#888;<br />
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);<br />
}<br />
<div>
<br /></div>
</div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-85829746338774146512014-01-10T17:23:00.003-02:002014-01-11T01:17:22.801-02:00Breadcrumb com css<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJoef3y1fN97j2rOODfpyO74of14lO5GLov5RT8OECIJnhTkdoEJvSg1sy0i72R-oxO6Y1qYWnDN-tG1FKh8p6oCVjb0lSRHRyCrdTd6iPXmcYltmdfGqt2xFK4cjGwMXRwXpTcS1D6qY/s1600/bread.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBJoef3y1fN97j2rOODfpyO74of14lO5GLov5RT8OECIJnhTkdoEJvSg1sy0i72R-oxO6Y1qYWnDN-tG1FKh8p6oCVjb0lSRHRyCrdTd6iPXmcYltmdfGqt2xFK4cjGwMXRwXpTcS1D6qY/s1600/bread.png" /></a></div>
<br />
<br />
<br />
O que todos os blogueiros querem, em qualquer nicho que estejam é ter leitores e que os leitores permaneçam em seu blog o maior tempo possível. É interessante que você tenha a maior interatividade em seu blog para que ao ler um post, a curiosidade de seu leitor para outros posts seja aguçada assim seu leitor de um post passe a outro, e depois a outro, assim sucessivamente tornando seu blog mais acessado e aberto por mais tempo.<br />
O breadcrumb é um bom recurso para isso pois traz em evidência os marcadores das postagens em sintonia com o post que seu leitor estiver, portanto, ajuda na navegação de seu blog. Siga o passo a passo e instale o menu de navegação em seu blog.<br />
<br />
<br />
<br />
<br />
Vá até o "Modelo de seu blog", clique em "Editar HTML"
<br />
<div style="background: none repeat scroll 0% 0% #eee; border: 4px double #ccc; float: right; margin: 20px; padding: 8px; width: 35.92%;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpdylK9-mfOvK35nulRda35176HnxNtoIaqzdqS21J-H8xuEtecAW4y0BlxD5tseq1Mapk6yV9il-GxA8-sR9Aq3QFeGBZr1qgLWPuVJNlm6cZk5PPM96qlWA0WoI1c2bNlhzSwGOVHDN/s1600/aviso.png" /></a></div>
<span style="color: black; font-size: 130%;"><b> <span style="font-size: small;"> </span></b></span><span style="color: black; font-size: 130%;"><b><span style="font-size: small;"><span style="font-size: small;">H<span style="font-size: small;">ack para o template do Blogger, implementado em </span></span> <span style="color: red;">abril de 2013.</span> </span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoxTfNzdu1B5ks_zYumRsbiyGPKBYJXf2dpDZ_OSJpeUhdd9c3wr3BnDk_IShBV7MCzbD42Qsl84rsiQ6d9wXR3jpK8Kzf5etssiDSJIYxBwklu5VU6rcgZ9Hcxr1CZa-uuNElD127IdZ/s1600/editar+html.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Procure por<br />
<br />
<span style="color: #6aa84f;"><b><b:if cond='data:post.dateHeader'></b></span><br />
<span style="color: #6aa84f;"><b> <h2 class='date-header'><span><data:post.dateHeader/></span></h2></b></span><br />
<span style="color: #6aa84f;"><b> </b:if></b></span><br />
<b style="color: red;"><br /></b>
<b style="color: red;"><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<b style="color: red;"></b>Acima dele, cole o próximo código:<br />
<br />
<div class="codeview">
<!--Start Breadcrumbs code, get at http://htmlmaker.blogspot.com--><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'><br />
<span class='crumbs'><br />
<span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a><br />
<span class='arrow'><span>&gt;</span></span><br />
</span><br />
<b:loop values='data:posts' var='post'><br />
<b:if cond='data:post.labels'><br />
<b:loop values='data:post.labels' var='label'><br />
<b:if cond='data:label.isLast != &quot;true&quot;'><br />
<span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:label.url' property='v:title' rel='v:url'><span itemprop='title'><data:label.name/></span></a><br />
<span class='arrow'><span>&gt;</span></span><br />
</span><br />
</b:if><br />
</b:loop><br />
<b:else/><br />
Untagged<br />
</b:if><br />
</b:loop><br />
<span class='crust'><br />
<a class='crumb' expr:href='data:post.url'><span><data:post.title/></span></a><br />
<span class='arrow'><span/></span><br />
</span><br />
</span><br />
</div><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;archive&quot;'><br />
<div class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'><br />
<span class='crumbs'><br />
<span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a><br />
<span class='arrow'><span>&gt;</span></span></span> <span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:blog.url' property='v:title' rel='v:url'><span itemprop='title'>Archives for <data:blog.pageName/></span></a><br />
<span class='arrow'><span/></span></span><br />
</span></div><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<b:if cond='data:blog.pageName == &quot;&quot;'><br />
<b:else/><br />
<div class='breadcrumb' xmlns:v='http://rdf.data-vocabulary.org/#'><br />
<span class='crumbs'><br />
<span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'><span itemprop='title'>Home</span></a><br />
<span class='arrow'><span>&gt;</span></span></span> <span class='crust' typeof='v:Breadcrumb'><br />
<a class='crumb' expr:href='data:blog.url' property='v:title' rel='v:url'><span itemprop='title'>Posts tagged <data:blog.pageName/></span></a><span class='arrow'><span/></span></span><br />
</span><br />
</div><br />
</b:if><br />
</b:if><br />
</b:if><br />
</b:if><br />
<!--End Breadcrumbs code, get at http://htmlmaker.blogspot.com--></div>
<br />
<br />
Salve. Agora vamos implementar o estilo.<br />
<br />
<span style="background: #eee; font-size: large; padding: 6px 2px;"><b>Implementar CSS </b></span><br />
<br />
<br />
<br />
No modelo de seu blog", clique em "Personalizar"<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPgARErRfweQbfqP_57XfUi436cKV2355vaLBtgsWCwa_fNctrSHLrrz_7qrdAgHWgJzgAR8GC-L42lN4WsXkA3uNUox-1XJ-1w-fwj062m4VH6hwAX2UBA2SNfvy7vjcHAKClbsPleLf/s1600/Personalizar.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>
<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;">
Ao abrir essa janela, vá em <b>Avançado</b> -------> <b>Adicionar CSS </b></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/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCbxTl3sTj5x9aRdtKdz6q1j742lKBRHtwZhYyTO38ljFX1tYavaUnHRjI9Qc8Cm-aNfXHbUiBsQa6uk4oFmIhfm-kBhKvooWKBM2HNO51yt9xtnln0l2GCI8DLgba-QIhRKngQAVxVfJ/s1600/adicionar+css.png" height="257" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Copie o código abaixo e cole no local indicado.<br />
<br />
<br />
<br />
<div class="codeview">
<br />
/* Start CSS breadcrumb by Howeblog - http://htmlmaker.blogspot.com*/<br />
.breadcrumb {<br />
background: #F7F7F7;<br />
border: 1px solid #E6E6E6;<br />
box-shadow: 0 2px 3px #B5B5B5;<br />
border-bottom:none;<br />
width: 720px;<br />
margin: 5px;<br />
font-size: 9px;<br />
text-transform:uppercase;<br />
overflow: hidden;<br />
}<br />
.breadcrumb a, .breadcrumb a:visited {<br />
color: #848484;<br />
font-family: Oswald;<br />
}<br />
.breadcrumb .boardTitle {<br />
display: none;<br />
}<br />
.breadcrumb .crust {<br />
display: block;<br />
float: left;<br />
position: relative;<br />
}<br />
.breadcrumb .crust a.crumb {<br />
background-color: #EDEDED;<br />
display: block;<br />
height: 24px;<br />
line-height: 24px;<br />
margin-bottom: -1px;<br />
outline: 0 none;<br />
padding: 0 10px 0 18px;<br />
text-decoration: none;<br />
}<br />
.breadcrumb .crust:first-child a.crumb {<br />
padding-left: 10px;<br />
}<br />
.breadcrumb .crust:last-child a.crumb {<br />
background-color: #D9D7D7;<br />
font-weight: bold;<br />
}<br />
.breadcrumb .crust:last-child .arrow span {<br />
border-left-color: #D9D7D7 !important;<br />
}<br />
.breadcrumb .crust .arrow {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
border-color: transparent black transparent #BBBBBB;<br />
border-image: none;<br />
border-style: solid none solid solid;<br />
border-width: 12px 1px 12px 12px;<br />
display: block;<br />
height: 0;<br />
position: absolute;<br />
right: -12px;<br />
top: 0;<br />
width: 0;<br />
z-index: 5;<br />
}<br />
.breadcrumb .crust .arrow span {<br />
-moz-border-bottom-colors: none;<br />
-moz-border-left-colors: none;<br />
-moz-border-right-colors: none;<br />
-moz-border-top-colors: none;<br />
border-color: transparent black transparent #EDEDED;<br />
border-image: none;<br />
border-style: solid none solid solid;<br />
border-width: 12px 1px 12px 12px;<br />
display: block;<br />
height: 0;<br />
left: -13px;<br />
overflow: hidden;<br />
position: absolute;<br />
text-indent: 9999px;<br />
top: -12px;<br />
white-space: nowrap;<br />
width: 0;<br />
z-index: 6;<br />
}<br />
.breadcrumb .crust:hover a.crumb {<br />
background-color: #D9D7D7;<br />
color: #3C3C3C;<br />
}<br />
.breadcrumb .crust:hover .arrow span {<br />
border-left-color: #D9D7D7;<br />
} /* End CSS breadcrumb by Howeblog - http://htmlmaker.blogspot.com*/<br />
<br />
<br /></div>
<br />
<br />
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrZCnPGX5av-1slVydxyKCuupLJh7zmZUZqufjX6FcYdTDSqAaWSy33dnJlfgzZyeNGRUesRo84gY5DzegHzX7b0Y_eKA6x5FhCLW4dT-33Fj61aQqxNCtuuLub2TC9Qo_PNKclQVmo2t/s1600/aplicar+ao+blog.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><a href="http://htmlmaker.blogspot.com/" target="_blank">Via</a></b></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com0tag:blogger.com,1999:blog-515002824975363918.post-61451436631659731592013-12-17T16:30:00.001-02:002013-12-19T05:04:02.906-02:00Deep Web ou web oculta, como usar ? ATUALIZADO<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ZsgTkTN4du8BH_bjWi4JmoKONRmgbCEaIDKW5pg3ETHIrId72C39Z_blH1utByR84V32Ma7WId_9ceKdlyaezlS_na62EyRKvJ5OR-doLrmWAm_PNgUZuCUSTQW5MPHSHxQO1-J2-8BN/s1600/tor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ZsgTkTN4du8BH_bjWi4JmoKONRmgbCEaIDKW5pg3ETHIrId72C39Z_blH1utByR84V32Ma7WId_9ceKdlyaezlS_na62EyRKvJ5OR-doLrmWAm_PNgUZuCUSTQW5MPHSHxQO1-J2-8BN/s1600/tor.png" /></a></div>
<br />
Vou falar hoje sobre a nova câmera Teck Pix. #Zuera, kkkkkkkkkk.<br />
<br />
Vambora, hoje vou falar sobre Deep Web. Sei que muita gente já deve saber do que se trata, outros não, portanto, se você já sabe poderá acrescentar informações adicionais a esse post e ajudar nas informações.<br />
<br />
<br />
A Deep Web, chamada também de Deepnet ou web oculta, é um sistema de navegação onde navegamos criptografados ou seja, sem revelar o nosso número de ip. É também uma navegação que não encontramos pelos motores de busca tradicionais como o Google e Yahoo por exemplo. Para você entender com clareza autores que discutem o assunto se referem ao Deep Web como sendo uma navegação mais aprofundada, como as camadas do oceano, a medida que aprofundamos vamos encontrados materiais mais raros e também bizarros, porque não. Quero deixar claro que, tal como a surface, na deep web é necessário que se faça buscas exatamente sobre o que quer encontrar, você não encontrará filmes de terror se estiver buscando flores do cerrado, você tem que ser responsável e consciente, não vá fazer tolices e coisas contra a lei pois também por lá, é possível te rastrear, entendeu ? #SQN<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JrYMO_QBKpL6x5Nc7t2kTyLRa4wm82yApAxnJD_3ZPPf4f9lHzcgoWgA5fs-F7frmJziYk5DPKgz7T6lw4qvRLX_-Lv1umFjYxAL0y78JvgrvO3ONcjGa5J34AD640W5thkth-QCzneC/s1600/Brainstorm_DeepWeb.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JrYMO_QBKpL6x5Nc7t2kTyLRa4wm82yApAxnJD_3ZPPf4f9lHzcgoWgA5fs-F7frmJziYk5DPKgz7T6lw4qvRLX_-Lv1umFjYxAL0y78JvgrvO3ONcjGa5J34AD640W5thkth-QCzneC/s400/Brainstorm_DeepWeb.png" width="400" /></a></div>
<br />
<br />
<br />
<br />
Então, qual a diferença ? A diferença é que por lá encontramos muitos materiais que não se vê pela surface como ebooks, livros em português para download, fóruns com trocas de informações hackers, tutoriais diversos, coisas bizarras, criminosas, doentias e muita gente doente e desgraçada , tal qual na surface, tal qual na vida, pode acreditar !<br />
<br />
Para entrar na DeepWeb é necessário cinco coisas;<br />
<br />
<b><span style="color: #38761d;">1-> Um bom anti-vírus</span></b><br />
<b><span style="color: #b45f06;">2-> o Firefox baixado,</span></b><br />
<b><span style="color: #bf9000;">3-> Responsabilidade e juízo</span></b><br />
<b><span style="color: #cc0000;"><a href="https://www.torproject.org/download/download" target="_blank">4-> Baixar o Tor</a></span></b><br />
<b><span style="color: magenta;">5-> Paciência pois é muito lento</span></b><br />
<br />
<br />
É através da deep web que cracker, Anonymous e o Wikileaks, aquele wiki de material oriundo de colaboradores contra o sistema de opressão dos EUA, se conectam para trocar mensagens. Se na surface onde navegamos temos acesso a 20 bilhões de páginas, pela deep web, ou web oculta, temos algo em torno de 600 bilhões, sacou como estamos por cima e como há material oculto ? A web oculta foi criada na China (há controvérsias), para que pudessem navegar de forma livre sem a intromissão do governo. Mas agora, parece que teremos que usar por aqui também já que o governo dos EUA nos patrulham.<br />
O sistema é mantido por programadores e voluntários anônimos do mundo todo através de doações financeiras, que são pedidas logo que entramos na página principal.<br />
<br />
Primeiro <a href="http://www.avast.com/pt-br/compare-antivirus?cha=ppc&sen=google&ste=avast&var=37980713712&omcid=PT-BR_Search_Brand&gclid=CL3Rgpu3u7sCFSdp7Aod4h4A1w" target="_blank">baixe um anti-víru</a>s, <b>caso não tenha</b>, depois <a href="http://www.mozilla.org/pt-BR/firefox/new/" target="_blank">baixe o Firefox</a> e por último, <b><a href="https://www.torproject.org/download/download" target="_blank">baixe o Tor</a></b>, seguindo o tutorial.<br />
<br />
<br />
<b><br /></b>
Depois que baixamos, vamos abri-lo.<br />
<br />
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;">Atenção, todas as vezes que você for acessar a deep web, terá que usar esses passos <span style="font-size: large;">abaixo</span> </span><span style="color: blue;">(não sendo necessário mais fazer o download do Tor)</span><span style="color: red;">.</span></b><br />
<br />
<br />
<br />
Para abrir o Tor e ter acesso a deep web, vá até a área de pesquisa em seu pc, e na área destinada a pesquisa, tecle "<b>tor browser</b>" na pequena janela, assim que abrir uma pasta, dê um clique sobre a pasta.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7k7YUhNjzrNpXwpg3vd17FSImfP1lP0fnX3Er1IrKBNxxwOQngRWhU0Rm_YWLOktKgaIzk1p-w8d16PWL8WtmCdwV_vvz1OxJ1zl5iGogcYRryD8NBmDJmEwAHpoMiItCtDZwsRRoK9zw/s1600/tor+browser.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7k7YUhNjzrNpXwpg3vd17FSImfP1lP0fnX3Er1IrKBNxxwOQngRWhU0Rm_YWLOktKgaIzk1p-w8d16PWL8WtmCdwV_vvz1OxJ1zl5iGogcYRryD8NBmDJmEwAHpoMiItCtDZwsRRoK9zw/s1600/tor+browser.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Vai abrir uma janela como essa abaixo. Clique em "Start to browser"</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>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnp-JRKf8tJdN1HAMVn8r8dC-K1aicS3RI8DPgiPVR3YlLePBlzWtF-w0empvviH18EWgjbB7CwkQ0IqDdwIYvwblam0BherQncT0SyNDsJnfzpVFmlOXQKCRPcPfOOCsAvlPh0dRfC3IH/s1600/tor+browser+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="620" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnp-JRKf8tJdN1HAMVn8r8dC-K1aicS3RI8DPgiPVR3YlLePBlzWtF-w0empvviH18EWgjbB7CwkQ0IqDdwIYvwblam0BherQncT0SyNDsJnfzpVFmlOXQKCRPcPfOOCsAvlPh0dRfC3IH/s640/tor+browser+2.png" width="640" /></a><br />
<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;">
Aguarde fazer o download</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/AVvXsEg6oaxr2wbbTvI7QcU3zu6hHg3jMic9J0mLBmTyDC3sTuC07VVOpBOPF1Nk_NRJbSU-ZUMHgVlOp4-5LcBp3RTGaJswj30HyDDVA2e8VPh_zSqHUVe49YtNpu8sC6F47Os1M08mjo9Xt7iL/s1600/download+deep+web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oaxr2wbbTvI7QcU3zu6hHg3jMic9J0mLBmTyDC3sTuC07VVOpBOPF1Nk_NRJbSU-ZUMHgVlOp4-5LcBp3RTGaJswj30HyDDVA2e8VPh_zSqHUVe49YtNpu8sC6F47Os1M08mjo9Xt7iL/s320/download+deep+web.png" width="276" /></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;">
<br /></div>
<div class="" style="clear: both; text-align: center;">
Pronto, assim que aparecer o ícone verde de cebola, já estará funcionando</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixU7lNpei-Y0SOXUacVjX2mgvhHTqJeNtnuEvGdNcS9h6Yym2cQEWt7BlMmVkb4LWCJazTDDW8Ez0swgl_s_p-c0184dJbs8uWQRj6VmPwsY5J5hCLIdSy3IbC849ehgL6vIYDAMWBGbPF/s1600/deep+websd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixU7lNpei-Y0SOXUacVjX2mgvhHTqJeNtnuEvGdNcS9h6Yym2cQEWt7BlMmVkb4LWCJazTDDW8Ez0swgl_s_p-c0184dJbs8uWQRj6VmPwsY5J5hCLIdSy3IbC849ehgL6vIYDAMWBGbPF/s320/deep+websd.png" width="277" /></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 style="text-align: center;">
<br />
Pronto, já está instalado o navegador que usa o Firefox como suporte,, entre usando o Firefox.<br />
<br />
<br />
<br /></div>
<div style="text-align: center;">
Ele abrirá automaticamente.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d234lBdS7gQtmUOTCWF23ml8pcEC8p6d5XU-F6sfci2nnAUcSsDfmf14Qarl4oJpXssI4tomose89eYhzveLCuhQl8MMSMcXvC-lFA3AChNQ4-doBed3CKj1zAT9xvh_VvL7tVv_NBoV/s1600/tor2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d234lBdS7gQtmUOTCWF23ml8pcEC8p6d5XU-F6sfci2nnAUcSsDfmf14Qarl4oJpXssI4tomose89eYhzveLCuhQl8MMSMcXvC-lFA3AChNQ4-doBed3CKj1zAT9xvh_VvL7tVv_NBoV/s640/tor2.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
se não abrir, procure por um ícone que se assemelha a um planeta na cor verde e clique sobre ele.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiieL0mI6Vs-NM_yvH-Zp2SSiFFC4JcilXrLOdcjkhI6fdl6gvHMWmUQxa7nerHoWG6VpjFBlNNh7rbSW_9OFutt-OZhFCoZIScBsw2jYtFjjVlAEm75AH4PfIGvjAP_9qo_mW-mGwWjE2X/s1600/icone+tor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiieL0mI6Vs-NM_yvH-Zp2SSiFFC4JcilXrLOdcjkhI6fdl6gvHMWmUQxa7nerHoWG6VpjFBlNNh7rbSW_9OFutt-OZhFCoZIScBsw2jYtFjjVlAEm75AH4PfIGvjAP_9qo_mW-mGwWjE2X/s1600/icone+tor.png" /></a></div>
<br /></div>
<div style="text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
Estando aberto, copie então esse endereço abaixo grifado em rosa. e cole na barra de endereços para abrir um site. Esta é a porta principal para navegar por lá pois apresenta algumas páginas, inclusive em português, que te levará a consequentemente a outros links, e mais outros, e mais outros, e mais outros...<br />
<br />
<br /></div>
<div style="text-align: center;">
<br />
<br />
<b style="background-color: #e06666;"> http://kpvz7ki2v5agwt35.onion/wiki/index.php/Main_Page </b><br />
<b style="background-color: #e06666;"><br /></b>
<b style="background-color: #e06666;"><br /></b>
<br />
<br />
<br />
<br />
Página bastante semelhante ao wikipédia<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzEE8Cq_FED5Prnn81uEwnMgdraqHFK4I4ik8O72En-Mqobw3V8vq5LjUwehbuoGZ8MV5f6XX0xE0hepTHq4QZNz4GshRx6TRD7ZDJ7RG2kXW8EzxAjNqxQxXcDuFx2z8Q7mMyYUYZvLN/s1600/wiki+deep+web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzEE8Cq_FED5Prnn81uEwnMgdraqHFK4I4ik8O72En-Mqobw3V8vq5LjUwehbuoGZ8MV5f6XX0xE0hepTHq4QZNz4GshRx6TRD7ZDJ7RG2kXW8EzxAjNqxQxXcDuFx2z8Q7mMyYUYZvLN/s400/wiki+deep+web.png" width="400" /></a></div>
<br />
<br />
<br />
<br />
O buscador do Tor você poderá abri-lo copiando esse endereço e colando-o na barra de endereços<br />
<br />
<b style="background-color: #f1c232;"><span style="color: #3b5998; font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: x-small;"><span style="cursor: pointer; line-height: 18px; text-align: left;"> https://ahmia.fi/search</span></span><span style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; text-align: left;"> </span></b><br />
<br />
<br />
Até Twitter fake tem por lá, rs<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMK9jtEepDZy8SqNGJVLqj3GHQMbNK6ziZnDOPtmAU26Hy6R2eNxCRKoTxHE7MN47XuzRQf9DwP16mPWXz1b2oAv0l4Sge0cQ8nMQ36lfuWaH1-Fu2RRZsKKERE-Ukok9J-Cuc9I3tntdR/s1600/twitter+deep+web.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMK9jtEepDZy8SqNGJVLqj3GHQMbNK6ziZnDOPtmAU26Hy6R2eNxCRKoTxHE7MN47XuzRQf9DwP16mPWXz1b2oAv0l4Sge0cQ8nMQ36lfuWaH1-Fu2RRZsKKERE-Ukok9J-Cuc9I3tntdR/s400/twitter+deep+web.png" width="400" /></a></div>
<br />
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<b>Se não for muito sensível e tiver estômago, <a href="http://apocalink.com.br/2013/04/re-postdesvendando-a-deep-web-o-lado-negro-da-internet.html#sthash.Wu0jt2Lx.JorwUlcO.dpbs" target="_blank">clique aqui</a> e veja muitas coisas bizarras e saiba mais sobre a deep web antes de acessa-lo de fato...</b></div>
<div class="blogger-post-footer"><div style="text-align: center;">
<b>Este post pertence ao blog</b></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="font-size: xx-large;"><a href="http://templateseacessorios.blogspot.com/">Templates & Acessórios</a></span></b></div></div>Elke di Barroshttp://www.blogger.com/profile/17647413808783742466noreply@blogger.com4