 |
| Gadget como "Você gosto desse Poste ...?" |
Gadget "Você gosto desse Poste ...?" Com esse
gadget Irá aumentar o seu tráfego através do Facebook , Aumente seus
assinantes, fãs no Facebook e seguidores do twitter. Com efeito, uma caixa
mágica!
1. Entre no painel do blogger> Design> Editar HTML
3. Clique na caixa no canto superior direito que diz:
"Expandir modelos de widgets"
4. Em seguida, Crtl + F Pesquise:
<data:post.body/>
5. Logo abaixo dele cole o seguinte código,
<b:if
cond='data:blog.pageType == "item"'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmtb29ZRu6ZVj5AnVhN1Q4hHcsNu1m1FCAxu9LtYUds-qRrUgC3dfzIMd6m-poxc9AEC2Va9_UKwDTC5ybu7zQSSqkT7_Z16lR-S5a_JTVq_dl10lUtMD_EFwPSgJjogiBfy0CAek5z2HL/s28/w2b-mail.png)
no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.mbtbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#FBFBFB',
endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div
id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px; font-family:
arial,sans-serif, verdana; color:#FF683F;'>Você gosto desse
Poste ...?</span>
<tr>
<td>
<div
id='fb-root'/><script
src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font=''
href='' layout='button_count' send='true' show_faces='false' width='300'/>
</td>
</tr>
<tr>
<td
align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px
0px; '>Receba nossos artigos grátis
diariamente!</p>
<form
action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open(' http://feeds.feedburner.com/portalnt?uri=portalnt',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='tntbystc'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value ==
"") {this.value = "Digite o seu
e-mail...";}' onfocus='if
(this.value == "Digite o seu
e-mail...") {this.value =
""}' type='text' value='Enter your email...'/>
<input alt=''
class='mbtbutton' title='' type='submit' value='Submit'/>
</form>
</td>
<td><p style='color:#666; font-style:italic; margin:0px 0px 5px
0px; '> siga-nos!</p>
<a href='http://feeds.feedburner.com/portalnt' rel='nofollow'
target='_blank' title='Suscribe to RSS Feed'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukvyVHrC0L_h4uER_m2RUuhFh0K5eyigqDFrySjnph73DccqGBbjfPR3FL18v62AGIR8h3ZLzs21gLg-1VKF2twfp79ZWzkskE1XkWHi7Tlrf5-X9N8v-ifiorWFki_W9RIK9D0E9xR9B/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/portal_nt' rel='nofollow'
target='_blank' title='Siga-nos no
Twitter'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFqzHXv8CRfYbs6TwgdFl7bJD9o_qFpbWygmhSjyb4UMi1yp08y-Y9iIrDAoZJGfIAzbYP_x9UkiDdnVkUI8v1sVgACIIjrlLb6WFeMa55TM6TFQkgTSncm3nKJDPjH7FY9jr8yMNn44V/s40/w2bTwitter.png'/></a>
<a href='http://www.facebook.com/pages/portalnt/147104632016744' rel='nofollow'
target='_blank' title='Siga-nos no
Facebook'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipF0brEsJxhd_A8FkooFmj7LJ8v4smuPF8yoA7ND8fcl0dyQawH5iGRV5AyUUByKJsML6rUp8_KCNCggQybWc8JfcbcK7mZGAd7QaOXt_La7g5lnrhGr7anbYhMZ5UsZVlkKAo0gWcnDfK/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
|
Agora vamos fazer essas alterações,
Para alterar a cor do "Você gosto desse Poste ...?" texto então simplesmente mudar # FF683F com uma cor hexadecimal de sua
escolha .
Agora substitua http://feeds.feedburner.com/portalnt?uri
= portalnt com o seu link feed do FeedBurner
e-mail. Você pode obtê-lo, visitando a sua conta do FeedBurner, em seguida,
navegar para divulgar e, em seguida, para assinaturas de e-mail.
Substitua portalnt com o
seu título de feed. Ela aparecerá no final do seu link de feed. No meu caso é http://feeds.feedburner.com/portalnt?uri
= portalnt Substitua http://feeds.feedburner.com/portalnt
esta laranja pelo seu
feedburner
Substitua o link azul pelo
seu Twitter .
Substitua o link roxo pelo seu Facebook como página ligação
Depois de ter feito todas as alterações necessárias simplesmente
salve o modelo e está feito!
