Modelo 1
<!--Widget Redes Sociais Com Opão Inscrever-se Por Email-->
<div>
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<center>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br>
<a class="social-icons" href="https://www.facebook.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/-pwxzPr7BDAs/UWJ1GzLvFZI/AAAAAAAAzf0/9s1yUCYPmKE/s1600/BlogsDaddy-facebook.png"></a>
<a class="social-icons" href="https://twitter.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/-yKNmoQfKcmk/UWJ1HEXRCvI/AAAAAAAAzf4/6g3L3O8i2PM/s1600/BlogsDaddy-twitter.png"></a>
<a class="social-icons" href="https://plus.google.com/117100549673033253859" target="_blank" rel="nofollow"><img src="http://4.bp.blogspot.com/-oMi9eGUFtg8/UWJ1Gd_7qBI/AAAAAAAAzfg/dfZgKSjP6eA/s1600/BlogsDaddy-Googleplus.png"></a>
<a class="social-icons" href="http://www.feedburner.com/ID ANDA" target="_blank" rel="nofollow"><img src="http://4.bp.blogspot.com/-OLdSsfPpn30/UWJ1Gagz2sI/AAAAAAAAzfk/_PtLzp900Gc/s1600/BlogsDaddy-Rss.png"></a>
<p>Assine nosso e-mail e receba atualizações gratis</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=ID ANDA" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ADDSEUFEEDAQUI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="ADD-SEU-FEDD-AQUI">
<input name="loc" type="hidden" value="pt_BR"><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Digite seu endereço de e-mail">
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Inscreva-se !!"></form>
</div></div></div></center>
</div>
<div class="clear"></div>
<!--Fim Widget Redes Sociais Com Opão Inscrever-se Por Email-->
Modelo 2
<div >
<style type="text/css">
#buttonbg {width: 260px;margin: 10px 5px;padding: 0;}
#buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; }
#buttonbg .icon {background: #D91E76 url('http://2.bp.blogspot.com/-JKB0aVYaIW0/UC-oBl8NXxI/AAAAAAAAEYA/IbgyikdkM5A/s1600/blsocial12.png') 0 0 no-repeat;
background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;
color: #141414;float: none;height: 48px;line-height: 48px;
margin: 5px 0;position: relative;text-align: left;text-indent: 90px;
text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;
-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
transition: width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
text-decoration: none;}
#buttonbg span:hover {visibility: hidden;}
#buttonbg span {display: block;top: 15px;position: absolute;left: 90px;}
#buttonbg .icon {color: #fafafa;overflow: hidden;}
#buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;}
#buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}
#buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}
#buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;}
#buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
#buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}
#buttonbg li:hover .icon {width: 250px; }
#buttonbg li:hover .icon {background-color: #d91e76; }
#buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }
#buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>
<ul id="buttonbg">
<li><a href="Link Facebook Anda" class="icon fb">Curta-nos no Facebook</a><span>Curta-nos no Facebook</span></li>
<li><a href="Link Twitter Anda" class="icon twit">Siga-nos no Twitter</a><span>Siga-nos no Twitter</span></li>
<li><a href="Link Google+ Anda" class="icon google">Siga-nos no Google+</a><span>Siga-nos no Google+</span></li>
<li><a href="Link Youtube Anda" class="icon ytube">Siga-nos no Youtube</a><span>Siga-nos no Youtube</span></li>
<li><a href="Link RSS/Feed Anda" class="icon rss">Assine via RSS</a><span>Assine via RSS</span></li>
</ul>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=1422966524627591079&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar-atas" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML4"));" target="configHTML4" title="Editar">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
Modelo 3
<div>
<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a { display:block;
height:50px;
width:50px;
padding:0 5px;
float:left;
background:transparent url(http://2.bp.blogspot.com/-7FCpUzMvR48/USvc433EugI/AAAAAAAAApM/g8ADLJ88rio/s1600/Sharing+buttons.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;}
.touchme a.googleplus { background-position: 0px -58px;}
.touchme a.googleplus:hover { background-position: 0px 0px; }
.touchme a.twitter { background-position: 0px -290px;}
.touchme a.twitter:hover { background-position: 0px -232px;}
.touchme a.facebook { background-position: 0px -406px;}
.touchme a.facebook:hover { background-position: 0px -348px;}
.touchme a.rss { background-position: 0px -174px;}
.touchme a.rss:hover { background-position: 0px -116px;}
</style>
<div class="touchme">
<!--RSS-->
<a class="rss" href="YOUR RSS LINK" rel="external nofollow" target="_blank"></a>
<!--Google Plus-->
<a class="googleplus" href="YOUR GOOGLE PROFILE LINK" rel="external nofollow" target="_blank"></a>
<!--Facebook-->
<a class="facebook" href="YOUR FACEBOOK LINK" rel="external nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="YOUR TWITTER LINK" rel="external nofollow" target="_blank"></a>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3596819443274980073&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML4"));" target="configHTML4" title="Editar">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
Modelo 4
<div>
<script type="text/css">
#social {
margin: 15px 0 5px -15px;
width: 300px;
height: 40px;
text-align: center;
}
#social img {
margin-left: 3px;
margin-right: 3px;
}
#social img:hover {
opacity: 0.6;
}
</script>
<div id="social">
<a href="LINK TWITTER"><img alt="Twitter" src="http://2.bp.blogspot.com/-cBKTEOLpUV0/T3IqCaREIII/AAAAAAAADnc/qMQkDeM2ikE/s1600/twitter.png" title="Twitter"></a>
<a href="LINK FEED"><img alt="Feed" src="http://2.bp.blogspot.com/-sY6coQFNFt8/T3IqCxm6jwI/AAAAAAAADn4/7U8SM7yjUh4/s1600/rss.png" title="RSS"></a>
<a href="LINK FACEBOOK"><img alt="Facebook" src="http://1.bp.blogspot.com/-Sj_KIPpzpGI/T3IqDnSqXOI/AAAAAAAADoA/fkAsUMC3W_c/s1600/facebook.png" title="Facebook"></a>
<a href="LINK GOOGLE +"><img alt="Google Plus" src="http://3.bp.blogspot.com/-QKw1ZLWUppI/T3IqCD_25OI/AAAAAAAADnU/LocW9doa1ck/s1600/google%252B.png" title="Google Plus"></a>
<a href="LINK YOUTUBE"><img alt="Youtube" src="http://1.bp.blogspot.com/-sVhhrh4GKi4/T3IqCvVivYI/AAAAAAAADns/j_n1yb2X1cY/s1600/you_tube.png" title="Youtube"></a>
</div>
</div>
 |
1.<div style="margin: 5px; padding: 10px;">2.<a href="SEU LINK FACEBOOK"><img alt=""src="http://iconbug.com/data/70/64/af37a2e3786f223ca8e8e3951b969026.png " height="80"style="border: 0px solid; padding-left: 5px;" width="81"></a><a href="SEU LINK TWITTER"><imgalt="" src="http://4.bp.blogspot.com/_h-i48ggEMWs/SlU_xuweSOI/AAAAAAAAAa0/B-MPwaBy5QY/s320/icontexto-drink-web20-twitter.png " height="80" style="border: 0px solid; padding-left: 5px;" width="76"></a><a href="SEU LINK FEED"><img alt="" src="http://1.bp.blogspot.com/_h-i48ggEMWs/SlPUmPofNNI/AAAAAAAAAac/ltuMAadOsog/s400/icontexto-drink-web20-rss.png " height="80"style="border: 0px solid; float: right;" width="80"></a>3. 4.<br>5.<div align="center">6.<span style="font-family: arial; font-size: 14-small;">Widget By <ahref="http://bizuonline.blogspot.com/ " target="_blank" wrc_done="true">Bizu Online</a> <spanclass="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span> - <a_blank="" href="http://bizuonline.blogspot.com.br/2013/11/icones-personalizados-para-redes-sociais.html " target="_blank" wrc_done="true">Instale este Gadget</a> <span class="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span></span></div>7.</div>
1.<a href="SEU LINK FACEBOOK" target="_blank"><img alt=""src="http://iconbug.com/data/37/128/8f0a1ae3e45e5f589229c4f28238a0c6.png " height="86"style="border: 0px solid; padding-left: 5px;" width="90"></a>2.<a href="SEU LINK TWITTER" target="_blank"><img alt="" src="http://2.bp.blogspot.com/-xmsfTZaissA/UBRf7lb2BpI/AAAAAAAAQgw/BuOvc7uDmAA/s1600/www.reisvip.blogspot.com%2B1.png "height="86" style="border: 0px solid; padding-left: 5px;" width="90"></a><a a="a" href="SEU LINK FEED" target="_blank"><img alt=""src="http://cdn5.iconfinder.com/data/icons//IS_hallowen_social/128/rss_spiderman.png "height="80" style="border: 0px solid; padding-left: 5px;" width="90"></a>3. 4. 5.<div align="center">6.<span style="font-family: arial; font-size: 14-small;">Widget By <ahref="http://bizuonline.blogspot.com/ " target="_blank" wrc_done="true">Bizu Online</a> <spanclass="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span> - <ahref="http://bizuonline.blogspot.com.br/2013/11/icones-personalizados-para-redes-sociais.html "target="_blank" wrc_done="true">Instale este Gadget</a> <span class="wrc_icon wrc13" rating="{"icon":"icn_extensiontop_green.png","rating":1,"weight":3,"flags":{"shopping":null,"social":null,"news":null,"it":null,"corporate":null,"pornography":null,"violence":null,"gambling":null,"drugs":null,"illegal":null},"lastHit":1413241536296}"></span></span></div>ATENÇÃO: Não esqueça de troca so lugares que estão escrito"SEU LINK" pelo endereço da sua rede social...
0 comentários: