quinta-feira, 26 de maio de 2016

Simple Widget subscription social media plus

Widget-social-simple-subscription-social-media-plus


Isso é um elegante widget é simples mas faz a diferença no layout do Blogger e o que é melhor vem acompanhado com botões de redes sociais para que você possa aumentar o engajamento social o que traz beneficios a seu Blogger então para isso siga os passos abaixo para adicionar o widget Créditos: Conthon

Confira: Widget Discroll navegação blogger

Para adicionar simple subscription social media plus no blogger 

Faça login no blogger  então va no layout
procure pela sidebar do seu Blogger então onde deseja colocar o widget
clique em adicionar gadget procure por JavaScript então copie o código abaixo
e cole dentro da caixa




<style>
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<div class="tbisubscribe">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Get Free Updates in your Inbox</div>
<div style="color: #666666; font-weight: bold; font: 11px Oswald, cursive; margin: 0px 0px 10px 15px;">
Receive Quality Posts Straight in your Inbox   by submitting your Email ID below</div>
<div style="margin: 10px 0 0 6px;">
<!--Subscription Box-->
<br>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seuidfeedburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="seuidfeedburner">
<input name="loc" type="hidden" value="en_US">
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email...">
<input alt="" class="tbisubmit" title="" type="submit" value="Subscribe">
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us on:</div>
<div style="margin: -32px 0 0 120px;">

<!--Facebook URL-->
<a href="http://www.facebook.com/mybloggerseo" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png"></a>

<!--Twitter URL-->

<a href="http://www.twitter.com/username" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png"></a>

<!--Google+ URL-->

<a href="https://plus.google.com/username" rel="author" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png"></a>

<!--LinkedIn URL-->
<a href="http://www.linkedin.com/username" rel="nofollow" target="_blank" title="Follow us on LinkedIn"><img alt="linkedin" src="http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png"></a>

<!--RSS URL-->
<a href="http://feeds.feedburner.com/username" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png"></a>
</div>
</div>
<!-- End -->

Não esqueça de substituir os campos em destaque amarelo pelo seu id feedburner e redes sociais salve e pronto.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner