![[TUTORIAL]WidGet Colorido Twitter, Facebook e Feed Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[TUTORIAL]WidGet Colorido Twitter, Facebook e Feed Configuration](https://2img.net/i/fa/admin/icones/big_ico/configuration.png) | WidGet Colorido Twitter, Facebook e Feed |
*Este código apresenta incompatibilidade com alguns códigos js e css.
1º - Widget
Painel de Controle-Modulos-Gestão dos Widgets-Criar Widget Personalizado
O codigo e esse:
- Código:
<div id='seguir'>
<ul>
<li id='listt'>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html?screen_name=SEU-NICK-TWITTER' style='width:250px; height:20px;'/>
</li>
<li id='listf'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="URL-PAGINA-DO-FACEBOOK" data-send="true" data-layout="button_count" data-width="300" data-show-faces="false"></div>
</li>
<li id='listfe'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=NOME-DO-SEU-FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'><input name='email' onfocus='this.value='';' style='WIDTH: 130px' value='digite seu email'/><input name='uri' type='hidden' value='NOME-DO-SEU-FEED'/><input name='loc' type='hidden' value='pt_BR'/><input style='background: #da3300;padding:3px;color:#fff;' type='submit' value='Enviar'/></form>
</li>
</ul>
</div>
1º - CSS
Painel de Controle-Visualização-Cores-CSS
O codigo e esse:
- Código:
#seguir ul {
padding:0;
width:100%;
}
#seguir li {
list-style:none;
height:25px;
margin:1px;
padding:7px 7px 7px 55px;
}
#listt {
background:URL("http://2.bp.blogspot.com/-8v5n8IYrsF0/TqsYawRPtvI/AAAAAAAACiI/4WnKDwe3cKU/s1600/twitt1.png") no-repeat left center #83d8ff;
}
#listf {
background:URL("http://4.bp.blogspot.com/-ZdpsMYgKxeg/TqsYaKgxa3I/AAAAAAAACh4/9PVIkP26j1k/s1600/fac1.png") no-repeat left center #6f9eff;
}
#listfe {
background:URL("http://1.bp.blogspot.com/-4yFYWSkkXfM/TqsYatXNvHI/AAAAAAAACiA/sTcyrRJ_lDI/s1600/nesl.png") no-repeat left center #ff854f;
}
Encontre: SEU-NICK-TWITTER.
Substitua pelo seu nick no twitter.
Encontre: URL-PAGINA-DO-FACEBOOK.
Substitua pelo link da sua página do facebook.
Encontre: NOME-DO-SEU-FEED.
Substitua pelo nome do seu feedburner.
Encontre: NOME-DO-SEU-FEED.
Substitua pelo nome do seu feedburner.
2º - Resultado
![[TUTORIAL]WidGet Colorido Twitter, Facebook e Feed Sem_ta35](https://i.servimg.com/u/f41/17/71/75/73/sem_ta35.png)
© VirtualDesign/STAFFGROPS
