bllogbello
Updates From Authors
Contact
Follow Us
Postagem em destaque
Marcadores / Cloud
blogger
(1)
dicas
(1)
efeito hover
(1)
emoticons
(1)
emoticons e winks
(1)
fashion
(1)
google
(1)
Google AdSense
(1)
linke-me
(1)
mensagem
(1)
mensagens
(1)
moda
(2)
parcerias
(1)
pesquisas
(1)
Política de Privacidade
(1)
primavera
(1)
search
(1)
tutorial
(1)
verao
(1)
visitas
(1)
widget
(1)
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....