bllogbello
Updates From Authors
Contact
Follow Us
Postagem em destaque
Marcadores / Cloud
Seguidores
Translate
visualizações
"Compartilhamento Stylish Sociais E-mail Assinatura Widget Sob Blog Post Para Blogger"
"Compartilhamento
Stylish
Sociais
E-mail Assinatura
Widget
Sob Blog Post
Para Blogger"
• Busca de
ou
<div id='footer'>
ou
<div class='post-footer-line post-footer-line-1'>
• Adicione o seguinte trecho de código acima,
fonte:
thesimplexdesign
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'>
<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>
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
• Adicione o seguinte trecho de código acima,
<section class="technopcarea-• Substitua meus Facebook, Twitter e FeedBurner usernames destacados com o seunewsletter">
<h2>
Checking for new posts is time wasting,
</h2>
<div id="form-technopcarea-newsletter">
<div class="technopcarea-social facebook">
<a href="https://www.facebook.com/TechnoPcArea& quot; target="_blank">
<img src="http://i.imgur.com/RbZgdq2.png" />
</a><a href=’http://technopcarea.blogspot.com/’><img src='http://1.bp.blogspot. com/-RikrI-c_pyQ/T2DTcP6aMvI/ AAAAAAAAAL0/H6v7PVoHM_w/s1600/ 1x1juice.png'/></a& gt;
<iframe allowtransparency="true" class="technopcarea- social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/ plugins/like.php?href=https% 3A%2F%2Fwww.facebook.com% 2FTechnoPcArea&amp;width= 90&amp;height=21&amp; colorscheme=light&amp; layout=button_count&amp; action=like&amp;show_ faces=false&amp;send= false&amp;appId= 519648428126767&amp; locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
</iframe>
</div>
<div class="technopcarea-social twitter">
<a href="https://twitter.com/TechnoPcArea" target="_blank">
<img src="http://i.imgur.com/0A1kead.png" />
</a>
<iframe allowtransparency="true" class="technopcarea- social-box twitter-follow-button twitter-follow-button" data-twttr-rendered=" true" frameborder="0" id="twitter-widget-0& quot; scrolling="no" src="http://platform. twitter.com/widgets/follow_ button.1399599786.html#_= 1399785529920&amp;id= twitter-widget-0&amp;lang= en&amp;screen_name= TechnoPcArea&amp;show_ count=false&amp;show_ screen_name=false&amp; size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
</iframe>
<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d. location)?&#39;http&# 39;:&#39;https&#39;;
if(!d.getElementById(id)){
js=d.createElement(s);
js.id=id;
js.src=p+&#39;://platform.twitter.com/widgets.js&# 39;;fjs.parentNode. insertBefore(js,fjs);}}( document, &#39;script&#39;, &#39;twitter-wjs&#39;) ;
</script>
</div>
<div class="technopcarea-newsletter-form">
<fieldset>
<h2>
When you can get them all in your inbox.
</h2>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/ mailverify" method="post" onsubmit="window. openundefined'http:// feedburner.google.com/fb/a/ mailverify?uri=TechnoPcArea&# 39;, 'popupwindow', 'scrollbars=yes,width=550, height=520');return true" target="popupwindow" >
<input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value= this.defaultValue;" onfocus="ifundefinedthis. value==this.defaultValue)this. value='';" type="text" value="Enter Your Email here.." />
<input name="uri" type="hidden" value="TechnoPcArea" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="Subscribe" />
</form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
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:& quot; &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;}
</style>
<script type="text/JavaScript">
fontsize = function () {
var abtSubs = $(".technopcarea-newsletter #form-technopcarea-newsletter& quot;).width() * 0.025; // 10% of container width
$(".technopcarea-newsletter .technopcarea-newsletter-form fieldset h2").css('font-size&# 39;, abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>
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
-
Sacada – Fashion Business primavera-verão 2011/12" Márcio Madeira/First View ...
-
Atualize seu guarda-roupa de inverno Atualize seu guarda-roupa de inverno com os mais elegantes roupas, estilos e estampas da temporada. E...
-
"Compartilhamento Stylish Sociais E-mail Assinatura Widget Sob Blog Post Para Blogger" Sobre o Widget ...
-
<applet codebase="http://rg.revolvermaps.com/j" code="core.RE" width="220" height="220" archi...
-
Aproximadamente 650.000 resultados (0,30 segundos) Belas Mensagens - Frases e Mensagens Que Emocionam! Me...
-
. . <br /> <div style="text-align: center;"> <a href="http://www.blogger.com/goog_12...
-
:)) ;)) ;;) : D ;) : p :(( :) :( : X =(( :-o :-/ :-* :| 8-} :)] ~ x ( :-t b-( :-L x ( =)) ♦http://bllogbello....