Coleção Widgets Redes Sociais Para Blogger

Modelo 1

<div>
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72IlrbWQYEZQFuaJ_qSjiRPUtq1ZpKlnnQL1OakIxo3EVwceJtMDX-dq5Xp9wD7dSaqdRC0e4fxVaue56Njxss4uUjNY_M3liWOPKJXKmGGcLWzZlXuwhDnbTjUbpKsbwyx1sG0Q7WHU/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EIzkCb-kuLfDZR2HpMoqgQP72A0ite-UA3i0lvy3M-d388qi6Fj4mHZomOSI6O8NiUhO45ZCDMYjQpGBYYumYoqb5Lf0J_ndJ9bUy5IAf1zvdM805nTtawuyldwJDf3NYg5JNXuAyVw/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-wlLN1PQekpFtB8sqvSv039VK_GYOpLUWU03ikbIQU8YfBd5MuU5anS6mw2jIbijEXWPlMLMVM8q0IttLbBxxAhTe7CDXjMj2tpAyI-59aJERd9tx8FP-lqjP2kl8hPfuBqsp_4EQkiVg/s1600/BlogsDaddy-facebook.png"></a>
<a class="social-icons" href="https://twitter.com/ID ANDA" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpk8-z4tq3SW1aOa66_i6mbxb2hBHd6e1EiNz6kQPSEqEO2HYUd45f3lBmYj2GV9sjztq2lFkXdp-hEr0CRf4oe2RnyoO3GUQ_zYims36cxS0Y10oiiYQuqfiUoxPhHvzzUoLhYoan43jB/s1600/BlogsDaddy-twitter.png"></a>
<a class="social-icons" href="https://plus.google.com/117100549673033253859" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrVJHtudUUu-xC4lI13FPs1oXu4aUttSxz8S-GqtD2tP1-r9RTy_m-wbkCXHMAkke7nocEs8nGp0QDV4Itz2MTzPZ_pU6tc5SnR3swuexskQgC8iJvWk1f9reXEUH-rxDIY4ehGxhVypq/s1600/BlogsDaddy-Googleplus.png"></a>
<a class="social-icons" href="http://www.feedburner.com/ID ANDA" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigNEW3Njf1jBXIKi0_kO_Ei4FjiOJR1R1pYR4MVLJrSVWWD0rhniQmJpmdHgmoI4HOVkr9fsWnuIUgYVBNjl_NK_TJGtG9ah3w6BHdsLAN6pZoYRjvbL5R043D8B8pNwY6PavrwLmXPIsE/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>

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRR4zwS_Ulyi5PJrHxwY5V91VxnHC7BLdXXgWSptCLUhSuwrTwx4NLVZLYBQVF6a_39256AJ7UFiyDZ8UW_sb7LwPLqApaQm8udPa2fzbisG3zUnEv976iz6FgpvPN09feC301_I6okc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEf6qfDvWw14LNy2jvaCRVd46idFxB3RJILuXSRfvEQjutlALujRE4-YQ7nwfU2wCOpoT7Iplui4_DICL-FIQDd5YZXhDhAQxt-a-4mLk3zTjU-5VYPDmezeZWyd9RrudFpKVU6-uEUA/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">

<a class="rss" href="YOUR RSS LINK" rel="external nofollow" target="_blank"></a>

<a class="googleplus" href="YOUR GOOGLE PROFILE LINK" rel="external nofollow" target="_blank"></a>

<a class="facebook" href="YOUR FACEBOOK LINK" rel="external nofollow" target="_blank"></a>

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NmN6suJrH1Iq2DG1TJO8mlw-n2bwSd7sHIQjYXG2XYgZ-b26amLjyoXDOg6E-c1nZSZq2mpRHr4DvVpcdgTyM6S11X8e2j_kv_T6RSxQ-kYoaXIiBaOb4xui_MW0ssUDcDa7n2uXrEi4/s1600/twitter.png" title="Twitter"></a>
<a href="LINK FEED"><img alt="Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiNJfJub5xT_Yp7L4_Vd9WWH0gYfefVwAaX3OA4HSn9fE_r8M5i11GlojYFvX8nq46WDaaR3J31AMBAYqdIsQstRig5wXXnNaY71uQAi4JIFwvme1-sAhgtdZRRLHZy-VUzdhW3XiM1KLQ/s1600/rss.png" title="RSS"></a>
<a href="LINK FACEBOOK"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghudiDJWt2VumouYq0iChyphenhyphen_SRqHPi_KavjnjLANXgDfwcRN4pX8XRpCcH8v46kmangRL6MCkC2VlXXU3cyQpBsW3JD8454B_YCPW_VjvkzZ_6WSM-J6zGcY1j4qxi0igWm6BtrQJcJqzzd/s1600/facebook.png" title="Facebook"></a>
<a href="LINK GOOGLE +"><img alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUjWIMe_oyg5gJNb7VuVdDruY1DPyWJXh8BLHZO5Jr19Q3EW4wOcL-dycbZO125u_1ox71g4iEj0pHaMxz52yJPIk-PJ6ZcZdw3bTsSETlzQv6xNpvfleBhsQH_XFWPCX8clF0cD2z0Ddi/s1600/google%252B.png" title="Google Plus"></a>
<a href="LINK YOUTUBE"><img alt="Youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikAnRktx_iS9NYMzMLAoPzNBb2-FgfH7KL-aL_dXOKXvqLJrb6aDpMzfbpnyWcoZqJ5heVp0JtppYUTesvNmN2vG7b6JiSKZmHTp99-mm7udy2vDRdeKQlT_GyEpFRSTlCM7EFXaGSDOHk/s1600/you_tube.png" title="Youtube"></a>
</div>
</div>

Ícones de redes sociais personalizados para blogger

(Foto:Reprodução/BizuOnline)

<div style="margin: 5px; padding: 10px;">

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVd4sgBwd7bZiE7BjME5ypSwj1b9M_aeoDgh5bw5mPz5kHKuEpoEHig9-pQ1_D26jwt_6K11Q2vU2jOmhq39gNNCwgPB_mrkCz8m_0jpTq40j2mnD3WQoKpl8jjzuETTmovRG41FpXkU/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq2G9mBMKT04B8PWccnYj6g8QEfwtM01wqaZ7-Lc2_du-k9Y1egUH5OU6JZIfzFiwXq0JqbpClwj0LFSBgFbkj1N2RBXUvory-7nWAXodY11DRnw6gyMXWfmIBcrYw5qW0EZpsr9cImJ0/s400/icontexto-drink-web20-rss.png " height="80"style="border: 0px solid; float: right;" width="80"></a>

 

<br>

<div align="center">

<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>

</div>

<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>

<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>

 

 

<div align="center">

<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>