Contact Us: @envialinks.noticias


















http://www.quora.com/Edilene-Brand%C3%A3o-da-Silva/Postshttp://instagram.com/edilenebrandaodasilva LinkedInblogspotTwitter agreggador Facebookstumbleupon Google Plus RSS Feed Email ASDBLEB 196x45komentarios.comKDVCKDVChttp://newsle.com/edilenebrandosilva

visualizações

Updates From Authors
Contact
Follow Us

Postagem em destaque

emoticons

Seguidores

Translate

visualizações

agregadores








"Compartilhamento Stylish Sociais E-mail Assinatura Widget Sob Blog Post Para Blogger"
"Compartilhamento 
Stylish 
Sociais 
E-mail Assinatura 
Widget 
Sob Blog Post
Para Blogger"







Sobre o Widget

Este é um widget de compartilhamento social realmente elegante e moderna com uma caixa de assinatura de e-mail elegante ter um efeito hover em que é botão e até mesmo fonte incrível se inscrever. Você também pode adicionar este widget incrível para o seu blog a partir do tutorial abaixo.

Passos para o adicionar: -

• Vá a guia Modelo de html do seu blog
• Busca de
 

<footer> or <div id='footer'> or <div id='footer'> or <div class='post-footer-line post-footer-line-1'> - See more at: http://www.thesimplexdesign.com/2014/06/stylish-social-sharing-and-email.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+Simplex+%28simplex%29#sthash.DrDQ0ms0.dpuf
<footer>
ou
<div id='footer'>


 ou 
<div class='post-footer-line post-footer-line-1'>




 
&lt;footer&gt; or &lt;div id=&#39;footer&#39;&gt; or &lt;div id=&#39;footer&#39;&gt; or &lt;div class=&#39;post-footer-line post-footer-line-1&#39;&gt; - See more at: http://www.thesimplexdesign.com/2014/06/stylish-social-sharing-and-email.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+Simplex+%28simplex%29#sthash.DrDQ0ms0.dpuf
&lt;footer&gt; or &lt;div id=&#39;footer&#39;&gt; or &lt;div id=&#39;footer&#39;&gt; or &lt;div class=&#39;post-footer-line post-footer-line-1&#39;&gt; - See more at: http://www.thesimplexdesign.com/2014/06/stylish-social-sharing-and-email.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+Simplex+%28simplex%29#sthash.DrDQ0ms0.dpuf

Adicione o seguinte trecho de código acima,

&lt;section class=&quot;technopcarea-newsletter&quot;&gt;
&lt;h2&gt;
Checking for new posts is time wasting,
&lt;/h2&gt;
&lt;div id=&quot;form-technopcarea-newsletter&quot;&gt;
&lt;div class=&quot;technopcarea-social facebook&quot;&gt;
&lt;a href=&quot;https://www.facebook.com/TechnoPcArea&quot; target=&quot;_blank&quot;&gt;
      &lt;img src=&quot;http://i.imgur.com/RbZgdq2.png&quot; /&gt;
    &lt;/a&gt;&lt;a href=’http://technopcarea.blogspot.com/’&gt;&lt;img src=&#39;http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png&#39;/&gt;&lt;/a&gt;
    &lt;iframe allowtransparency=&quot;true&quot; class=&quot;technopcarea-social-box fb-like&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; src=&quot;//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTechnoPcArea&amp;amp;width=90&amp;amp;height=21&amp;amp;colorscheme=light&amp;amp;layout=button_count&amp;amp;action=like&amp;amp;show_faces=false&amp;amp;send=false&amp;amp;appId=519648428126767&amp;amp;locale=en_US&quot; style=&quot;border: none; height: 21px; overflow: hidden; width: 90px;&quot;&gt;
    &lt;/iframe&gt;
  &lt;/div&gt;
&lt;div class=&quot;technopcarea-social twitter&quot;&gt;
&lt;a href=&quot;https://twitter.com/TechnoPcArea&quot; target=&quot;_blank&quot;&gt;
      &lt;img src=&quot;http://i.imgur.com/0A1kead.png&quot; /&gt;
    &lt;/a&gt;
    &lt;iframe allowtransparency=&quot;true&quot; class=&quot;technopcarea-social-box twitter-follow-button twitter-follow-button&quot; data-twttr-rendered=&quot;true&quot; frameborder=&quot;0&quot; id=&quot;twitter-widget-0&quot; scrolling=&quot;no&quot; src=&quot;http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;amp;id=twitter-widget-0&amp;amp;lang=en&amp;amp;screen_name=TechnoPcArea&amp;amp;show_count=false&amp;amp;show_screen_name=false&amp;amp;size=m&quot; style=&quot;height: 20px; width: 60px;&quot; title=&quot;Twitter Follow Button&quot;&gt;
    &lt;/iframe&gt;
    &lt;script&gt;
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&amp;#39;http&amp;#39;:&amp;#39;https&amp;#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&amp;#39;://platform.twitter.com/widgets.js&amp;#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &amp;#39;script&amp;#39;, &amp;#39;twitter-wjs&amp;#39;);
    &lt;/script&gt;
  &lt;/div&gt;
&lt;div class=&quot;technopcarea-newsletter-form&quot;&gt;
&lt;fieldset&gt;
&lt;h2&gt;
When you can get them all in your inbox.
      &lt;/h2&gt;
&lt;div class=&quot;fields&quot;&gt;
&lt;form action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; method=&quot;post&quot; onsubmit=&quot;window.openundefined&#39;http://feedburner.google.com/fb/a/mailverify?uri=TechnoPcArea&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&quot; target=&quot;popupwindow&quot;&gt;
&lt;input class=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot; onblur=&quot;ifundefinedthis.value==&#39;&#39;)this.value=this.defaultValue;&quot; onfocus=&quot;ifundefinedthis.value==this.defaultValue)this.value=&#39;&#39;;&quot; type=&quot;text&quot; value=&quot;Enter Your Email here..&quot; /&gt;
          &lt;input name=&quot;uri&quot; type=&quot;hidden&quot; value=&quot;TechnoPcArea&quot; /&gt;
          &lt;input name=&quot;loc&quot; type=&quot;hidden&quot; value=&quot;en_US&quot; /&gt;
          &lt;input class=&quot;subscribe&quot; name=&quot;commit&quot; type=&quot;submit&quot; value=&quot;Subscribe&quot; /&gt;
        &lt;/form&gt;
&lt;/div&gt;
&lt;/fieldset&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;style&gt;
input { font-family: Open Sans; }
h2 {font-family: Open Sans; }
.technopcarea-newsletter{text-align:center;margin:20px 0;}
.technopcarea-newsletter .technopcarea-social.facebook{background:none repeat scroll 0 0 #3661A0}
.technopcarea-newsletter .technopcarea-social{padding-top:20%;width:20%;float:left;position:relative}
.technopcarea-newsletter #form-technopcarea-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.technopcarea-newsletter:before,.technopcarea-newsletter:after{content:&amp;quot; &amp;quot;;display:table}
.technopcarea-newsletter:after{clear:both}
.technopcarea-newsletter h2{color:#3B434D;font-family:Sniglet;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.technopcarea-newsletter .technopcarea-social.twitter{background:none repeat scroll 0 0 #00ACED}
.technopcarea-newsletter .technopcarea-social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.technopcarea-newsletter .technopcarea-social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.technopcarea-newsletter .technopcarea-social a:hover img{transform:scale(1.1)}
.technopcarea-newsletter .technopcarea-social .technopcarea-social-box{bottom:20px;left:50%;position:absolute}
.technopcarea-newsletter .technopcarea-social .technopcarea-social-box.fb-like{margin-left:-45px}
.technopcarea-newsletter .technopcarea-social .technopcarea-social-box.twitter-follow-button{margin-left:-30px}
.technopcarea-newsletter .technopcarea-newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset{height:37px;left:10%;position:absolute;top:10%;width:80%;border:none}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.technopcarea-newsletter .technopcarea-newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:11px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
&lt;/style&gt;
&lt;script type=&quot;text/JavaScript&quot;&gt;
fontsize = function () {
    var abtSubs = $(&quot;.technopcarea-newsletter #form-technopcarea-newsletter&quot;).width() * 0.025; // 10% of container width
    $(&quot;.technopcarea-newsletter .technopcarea-newsletter-form fieldset h2&quot;).css(&#39;font-size&#39;, abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
&lt;/script&gt;
Substitua meus Facebook, Twitter e FeedBurner usernames destacados com o seu

Palavras Finais

Este elemento surpreendente pode ajudar você a aumentar suas estatísticas sociais altamente e mesmo este widget não afeta o tempo de carregamento do seu site. Você também pode alterar o texto que aparece no topo do widget. 


ASobre "Guest Blogger"

Himanchal Sharma é um blogueiro, dono de Techno Área. Você pode se conectar com ele em seu site ou no Facebook ou Google+





fonte:
thesimplexdesign

Postagens populares

Formulário de contato

Nome

E-mail *

Mensagem *

SUBSCRIBE TODAY

email-subscribe

Sign up and receive our free Newsletter