WIDGET COM VÁRIOS BOTÕES SOCIAIS E BUSCADOR

Widget com links para sus páginas sociais, buscador, e outros links de redes sociais. Bem bonito e profissional. Do excelente blog New Blogger, que recomendo demais que conheçam.

Clique em Layout

Clique em Adicionar um Gadget

Ao abrir, clique em HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias.

<style type='text/css'>
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}>
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% "Tahoma",Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Buscar...";}" onfocus="if (this.value == "Buscar...") {this.value = "";}" type="text" value="Buscar..." />
<input id="searchsubmit" type="submit" value="Buscar" />
</form>
</div>
<table>
<tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/ID DE SEU FEEDBOURNER" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwvaar_js2LBem2HhEM5qwHpYHaYyHINdQXfe4WkZt4jjpupv87sQBmdSL6mGHW7NJJRLAaolzdn1pkrPxDtWPzlcg4oUzfGEh0H8brX5-w1jGku8n_yxsFGCo5sOho0vJNJTLuoOvyqaR/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/ID DE SEU FEEDBURNER" target="_blank" rel="nofollow">RSS Feed</a>
</div>
</td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=ID DE SEU FEEDBURNER" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1StJCa55UOkDfBGDGwgnAd6b1_vdJ14XqhNH2Q47xEkSPHeVjnhD1Cw57lIJtkQm83vTcgtkiVdQD6VSLoXTO78zyckJr59suX3VQkpf9MrsBjt_phSaQxMSUn7j9-vmrH94V8qakVdAJ/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=ID DE SEU FEEDBURNER" target="_blank" rel="nofollow">EMail Feed</a>
</div>
</td>
</tr>
<tr>
<td><div class="twitterbox">
<a href="ENDEREÇO DE SEU TWITTER" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDBMfKX6k6fC5SJqAUVtsdMcR6MHabHWr5arfF69XqxPL7OkDFEXRgIlbXpCcv9ZrF5aLR_F7pT6Vkmyra8IQJGblraUt1qyiIcwwp6LcYR_2GoZCGrwEoYXSjLn7bZS9p1s_VeWDmy5Jo/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="ENDEREÇO DE SEU TWITTER" target="_blank" rel="nofollow">Twitter</a>
</div>
</td>
<td><div class="facebookbox">
<a href="ENDEREÇO DE SEU FACEBOOK" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sSg29U_Q51T1pQyw75KT-EQ6IAFsagN5zS9H7_I79AiupZKNw5qHoex8Q8Kew41uKAieilQl_K0R4opfBNuU-HzireFlvU4Q_eJu6XtoYsNjG0AZb7Y6sOD4MWm9eABDin_nm_l2k337/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="ENDEREÇO DE SEU FACEBOOK" target="_blank" rel="nofollow">Facebook</a>
</div>
</td>
</tr>
</table>
<p style="display:none;" align="center">
Widget by <a href="http://www.ebloggertricks.com/" target="_blank">Eblogger Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDJ81kbJb8TVAmuC7SaNVDwkp76TShJeP_zQva9ab3lNB-is9nAKIReP-Xa6h-N1oXTOvSseRv9-yFdiJIfpSyYeY1rep3pzcN3WSZca5ZxMImCqndz-Cj0qeyL5F1lB9OGfkQseSWHg/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQENKmP5s6MnuSi5tEKmNm6rSlMLkfeP0fIiR0qQciAJ1MMdC2IOllpjpoVYvCiCWY_kWJCunwR5CTg86GIgKl_ipE6oyOUvlD9YzYKy_dfeTzW3hp1I3lODZqp794QGpgtcI0RmScBE/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F_eJql_jr1as_95i_RxBSBtT2esbsy1PNKKxm2qeTZBaUTVi5xhPHaUO47e8pMYtRSZ8hO0H0eZwwWKx0tO64nRVcwElihanIdBGAcx6t6lCLDccq5P2WOqYvaw5PEVLjFgY6h5L5BQ/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOALHZZCd7VePpu_CCMZSTa2sFevNOd5PEeWdt6RrWC59-juMw3r5W6uvxYZeyux8NeSAjTjgUwwHn_P27m9ylp53voGIMeKiNF2p-2-a-8GfSnvok3gADFpfJU8AoFYhyphenhyphen3-5YqVSrLK4/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEoAxmtK7HnboUm-ottjA6mCtGfZuP9MoBHsuWw36nyD9UeSdlKwbNXmFPwkVD-b-fh3gmLx-xbKg0Y5AdGhW4HumtXF5VY9OGdTwix5yANmWXlrIDezVRjbqKmSW4cgIYGJsD_yJ2g7Y/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbz5vUDuOgrBrPpxhb5_X-HECw9Mt-NJ0Y0WRgnEZ6i13aE6CA1veXfcoVPW4URfF_JZqLkzEgp8b2Zyx2_XQkge2-U3tipysfdgg8uZ3wbKoYw50TNUXOzHlN6FvQCwX_c1ywvB4a-CY/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsv85Dg53ZD8xzH7RkkXmaDsWRuSh32g3vKYFQsVF4PilbZZtkV9qVdeNzOM66ZF7-jzphySMLScjdLqpsXE3kRTo4nBEmioUO2K4zB8F6GEluqtbpygLBFLS1UW1FKb3kMnMrr6JJx0U/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
</script></div>
</div>

WIDGET COM VÁRIOS BOTÕES SOCIAIS E BUSCADOR

quinta-feira, 17 de julho de 20140 comentários

Postar um comentário

Mais Acessadas

Parceiros