Dicas da fulaninha: 9 Modelos de gadgets para redes sociais

Todo mundo que têm blog, a primeira coisa que pensa é em divulga-lo nas redes sociais e pra isso precisamos daqueles ícones das redes e que tal deixa-lo com a cara do nosso blog. Então, resolvi procurar uma forma de fazer isso, encontrei este Gadgets. Ele é bem simples, contém apenas as principais redes sociais e você pode adicionar, remover ou modificar os ícones como quiser.

Pode parecer bobeira esse tipo de Gadgets mais na verdade é muito importante pois com eles o seu visitante pode passar a te seguir no Facebook, Twitter, YouTube ou por e-mail e com isso passar a ser um leitor e não um mero visitante.

Veja no exemplo acima quatro exemplos diferentes que vou colocar para vocês. Lembrando novamente que você pode modificar como quiser é bem fácil, os ícones você encontra no site Icon Finder (lá tem icones para vender e gratuitos).

Colocando no seu Blog

1º Passo: Escolha qual dos modelos você quer visualizando a imagem de exemplo e copiando todo o código do mesmo:

Modelo 1

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTFrnuhdEjdxgCqZeSi_fP8bnPGMPddBO9nOr_OtxF9Ito3pUDp8wVAvKPU5xZr0frZ-9QqLhfORH0s8KbDjjOBMLuQ7mLfb0QGa4gA2ze-A4DlciPjzzsIKpm3786G2x1bGZlu-imVw/s1600/Espacobl

og.com_Facebook.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWsE3i8unzesNoxH6Pp7vIIje8ESAxQUg4VRW5Z0zmyZ97TxaZZaskFLTJuJ4t1xLh-uV46hTSA8qKMv02TQF1Jr_e73Y6uOfxPI25JtZCIyLqK7JveRqmNodydMokjqxLrhMkGVnE0ug/s1600/Espacoblo

g.com_Twitter.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH_0aZBi1Fs2DMShRrKhGPnTMXvkkZVGAgeJs8p0H7o-2iCLLy_AkanlfnLV0LJxcluyCkx2RpV-QsdChLRRbBgA1i8hDmlhPaEsfX7eJHxBpqfcWntnymrMC2rlov9xydF7vloYfPj4/s1600/Espacobl

og.com_Google.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8HGSvQG4sZlNGvcuYV6RAH8Nwig1s_x248l8rgTxDwj1zF96cbJYku0vNi4TJK9-a_hB8j-Ba5FPF6MwWPjaRTzxUM1TRAFXVlCQtKctoIFyyE5RLn_2ARxdaeagpiridgk3ZPRxxvuA/s1600/Espacoblog.

com_YouTube.png" title="YouTube" /></a></td>

</tr>

</tbody>

</table>

Modelo 2

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkw8vVJ-jLPbBIVcyQ-NaNFsGzFJIKaTqBFGDn-bS-jPz4YTRiWE0i0hqsT-H2nIzbdzr9CXbPCno7jfqZbjJxazRVGpc8gAaUlIaVVGvOMa4MT9xPHTPiCixl9Xs1E_geTLNL-7ofMcrC/s1600/EspacoBlo

g.com_Facebook.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwAOfBX-tnFwwq5qxaUw_yrgN05RDLauLxgu-5RPJQ8hfI1ZICp7ZiYGcAOERN70sc1W6sDdOybW-Q9rObLw6dZqS6M6-PLowvnkciK5F0Grnam0efrDQO3JK2NrM8LdeL1FGHvFp9CEoi/s1600/EspacoBl

og.com_Twitter.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvAbNVvqQcVtGNE7wtPIW6VdkHdEloqhOixMcfCejWFNp-jva0M6iAYqqhPj5ICMwIKzISZ9RX4GMr0YODCW7r2Xzkst5KoTfQe7NROSE1iPLYDOcT22KcaW2E2jccPKGCvWqbIWuwylH3/s1600/EspacoBlo

g.com_Google.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmUkwKdgoBNmTTxVn3CsOgS6F4I_VfHYVCA_21i7oo6jyRHsaZ40qEyBYf8mB6OHbnbkadaTXVvKk_Q9I_GNdYNigFb1j0TDgc3CdyyfPp-4L5Gdtyt3GxSYY9-AFm-Xnwc9tkJNb1ZAF/s1600/EspacoBlo

g.com_YouTube.png" title="YouTube" /></a></td>

<td style="text-align: left;" valign="undefined"><a href="LINK_DO_INSTAGRAM" target="_blank"><img style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNyamJsxzkbBmvlt0rFxqbae0r6S8QyyrXgCvpouQpWtemg8iLdQa0xmoq_u9fdrK4nVThcGqND3x82ka63LfOvXfWNi7rvbZm02v6wrIsJmlzCXmh0HiSBQYUDGH5UYT7XHKzeYkQuXkm/s1600/EspacoBlo

g.com_Instagram.png"

title="Instagram" /></a

></td>

</tr>

</tbody>

</table>

Modelo 3

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWdNUti-HZatxnkZy3fsdVxBOA8Fg8a9Zn8G-flk9N-twns0G4ynplPouYcvihqFfE19N27kGjEoBx2cdRdaWE2LXUapD7q6Wj1fCRryVTDZdYQJy_dkUkvI_BQ8sqwBf6cOopIkc60J6D/s1600/EspacoB

log_Facebook.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuMFxU2OUk0yygX3FSieXjRTwAuYd3-2H2_x5GiBKzNW0yxThLCk1sm-EihqhFPKPsEYFfFR3wgnsrtHvTcYs31B7wAw4esh1mAW4mvksj89ukvW0RPP1WUhcjAw8z_BCyZrn7WFBbTd-/s1600/EspacoBl

og_Twitter.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguX395V8t-Erjw4rngQKIPQUSU52cDl48vA4z6TZsow6enL-Z7fjVQZlZ0vviiUTLHSiBqJeNKkBBWGaPSglipC0uW6Wjsxv6RFU0mY5h638_V6ynM3CgliTx7TNj9x2Ch9VUtejoOE7v-/s1600/EspacoB

log_Google.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrU8gY1J60KedNP39jV1mFVQZ1mgr4On9XJXe9vsW31vmYObGeZshLnYY2F9sKY7pFfzsHDp4wBuqGOPlM5tUFp8NBTBgUu05mrswZxxwfCdJ7StP1VDgHECQoSkyAUzKONPQ3JbQhRkOF/s1600/EspacoBlo

g_YouTube.png" title="YouTube" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_RSS" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0f_Ulpvl1bcatsE1SQQPXRjzOTcjMCLre-iJHvp-mbBKDWh8JAVdlqWr3XTV9vJrqb3akGKYhuCsknlcKAsYfDbVSXDJiI9mXLNrMRmdyrHCNwH87owYux8o1vA4izGpUKiosS3-zWTly/s1600/EspacoBlog

_RSS.png" title="RSS" /></a

></td>

</tr>

</tbody>

</table>

Modelo 4

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggpJTVB6c3M52-zm2wGvJzy-_wVW5LIPYM5XkKolEqc3JQgm7v3MMIH7789LlqndPrzLE8vZzYMhh81xxbxFJxSrlIx1qrUxC9Uo48hQ8Rx4FwfBqhaqdlZGmNKNNp-t04QGG1TKycMOl7/s1600/EspacoBl

og_Facebook.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAVARc2QLx9lsMmeLdGY824ef7EpX1fvyZ4A7_-oGmpqt6jdKN4QYxRmYWmD2gDl-1enBKciii7K92Xrc1QEZHmlPX1rmruz7foR2IGKExnAAIErDlbepHhHeRcNGlAgIiHr_PjR7Yf-v6/s1600/Espaco

Blog_Twitter.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdsf1pHa0Uc2o9C42oy_bP93u82DwyKgfNpU-wim_XJYqT-MqS8rF5PiWN4pD8saskx0rCGOdL3ev98fzoSzQ3pIiwoITtxnHFHBlAltMT6BRwrJk6V2xhNblA1yQX-P8QuSsoHMaMJ4a/s1600/EspacoBlog

_Google.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_RSS" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio8thZRkj2BNdSeA048BdRgsPz7xsPwwWJ276x6u57rz11eoZtugpOrub9ciOyaKb0bX4Y8t_IWXvba8nSjFtBoxuUrFWVqPm596fQHBIBdDNhd-PWSdyJ63QLkbWFv0AINi8P62O1_wWd/s1600/EspacoBlo

g_RSS.png" title="RSS" /></a></td>

</tr>

</tbody>

</table>

Modelo 5

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRhoPWVqxhcWU-T9bJVFSAufUrHrR2jmWSkTtseZrKEXpBSEf0_VlJMUbfli-QtNe0Uie5p78K6ulSi7Bf-XHJh4KCLB5r2665xrTjjNkuEXLdHDymczCrv9qHMf6vC1ebPBjJoO3wg8YW/s1600/Facebook-espacoblog.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0jECUW2WJh-u_p_KTN_3lutgv98tcwoCjVsbzc5uJVmDvjNaAz0VZ0IldRcCFrVqwHL6nvCuRAUaLcAn2u3M29VU2KpvO31xLH6c7G1n2UGdj3vx2pv0LzeXF0x3tNXl-yyVcI79ae5bw/s1600/Twitter-

espacoblog.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5x_PPZe_T8Kqj84G1qXcIXwaHSj-kC7tPM82xubCwJhjzqnBNPAyy7ZuUFQpA26ueNDZvYBETTzvWnIBEXeLCpPFeY90LQnUt5sGKgplAA-94AAjO_jbxuRDg3pCrlEO1ZQ-5g7i8jLi/s1600/Google-Plus-espacoblogicon.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhByD711SZVQ9cx8bRGLOXhoB-OM6cVRB3M-AcFihTPwX7uGa_3PwqPXwhc2PlEUYic0wFXFagj2fqwEwD34aKg8gu7U7L64HGso1v6du53nVTXNrcT1RjgCvBS9JSDB8eJKJVuTOxoWurB/s1600/YouTube-espacoblog.png" title="YouTube" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_RSS" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg06qsKiZk-Dq-xgDjniRbUji2hmX3ELMMPu7XAJMuCE_bK8nzbMv2GUbnfou7DfrXjsnVYlrKHhZi4FwhwQsEfbvD3ttxawqo2Gp0DOlRRwIgrU1obfZvvwF04PZAYc6zNYYFenBmN_kbI/s1600/RSS-espacoblog.png" title="RSS" /></a></td>

</tr>

</tbody>

</table>

Modelo 6

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhARcZl4U9x7pMYQOQFhDScNSUFFki56mKYdb3xM3DBxe9h72zenewWM3KDezdMCRTcIXGBs_WmBSXQW3X8RHNHDCJZRfWjbPkyD-A5d37_LUudP8FPwafwMY1TykhM61m9Adr2xWESru-9/h120/facebook-espacoblog.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCmDsEVgdZqn3BFe28mj9nekWzNx36NAJeuB4tUGc5_lkVcusCjiPBGtHMBTBniKoZxFVNAsg4izxqKfPYROZBVU9lhk0ABVanWTctRirF-r7bOiRfnVgJihMNx9mUOKfFweOW49g2rGQI/h120/twitter-espacoblog.png" title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gPu6cyD6TR19hxWS-HQDRHfiTlNCvhP3evb5e8KybZ5xPOvd7nK7lW-tYOLaLphgDMekQpnYX0LbbjmZh7Qw03gfiASKpQsABLBFBFmq-AomiqT3Pg-k_pIx_3d-6htCfVtlwJqOByEj/h120/google-plus-espacoblog.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ_UrKNoKRlL3JlaKPQepuoHkszQrqVNfqn6xg6qPRpRVa3g5FzkI-sdgdV56Kv_QJfwMUDN-WcBCvn8O3CUpK1CJIMeuo9MtDWZbhOYnGifY7NbXKrNtGsp0eTkYZ-Ub3vKYHvnhRuDVH/h120/youtube-espacoblog.png" title="YouTube" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_RSS" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivs9nI-n8SDQnlU7MrzLr4Rgljue4bNJ8qe-t3wXgRGews5JbhGygImDjhQ5Ym5DbZlGYGWPr74CZsM9i6iboNtnazZf6FP-R5kKFoQeCUCmVzDQqykG8L1yqB4nTbWR17XicVgG8OYjKZ/h120/rss-espacoblog.png"title="RSS" /></a></td>

</tr>

</tbody>

</table>

Modelo 7

Código

<table style="text-align: left; width: 200px;" border="0"

cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_FACEBOOK" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9wy6tLC0-ipDyWiEQYe_OEtCa0IfPMdsw_7-XPoyLaYdlF_S6DeTMsPlyxYckiLbMNCLzxFzwIBSPGaDAVGHFYACZiuBoPQB8q6cyqunIdKNioCFDMzOGy5DAdE2iQBnzxEzuyAMUJXD/h120/Facebook-espacoblog.png" title="Facebook" /></a ></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_TWITTER" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinoHPkU5K86jsRD2dkNdksnpcJhV-8BZHFHF70btNo__NPg_cI4XRc9iDnxqIVlC2pUE06hI386MlVXEuQXplnVqnynZMtjUBkz1Dw-54FFNkIOhWZcNPFrflvCSTd1X_HHe01KjxFTSUi/h120/Twitter-espacoblog.png"title="Twitter" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_GOOGLE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8XrKKFWhIovrk9CO6UldWaTnCH7qk1Y4I4PJHES3kvvdxfqxufU46wi6fAfYS55B5nns1rSrbn7mPhSIZbzIgSmXIbVGbPfIJ4CfTpA_dpAhKHwaVfmdbQ2ueXq1ZZvyEGSxpqC7WUHe/h120/Google-Plus-espacoblog.png" title="Google +" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_YOUTUBE" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfHfA8IWGpjkzkG-_UOilwRjykLCD7BQCxTGrazuEXZI6tBQ7xGnsLRnPO_XCW21T9RhagdtQdjDr4Pfmwn2ghya2G9GLBmmz4xylvP6jY0wKlL7ofOvK8tjcp7W1ibwNmTjPjL3KWOlND/h120/Youtube-espacoblog.png" title="YouTube" /></a></td>

<td style="text-align: left;" valign="undefined"><a

href="LINK_DO_RSS" target="_blank"><img

style="border: 0px solid ; width: 48px; height: 48px;" alt=""

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigBCIfTQ-bKNVT7PlNJ66qJ5fvsS_kQ1BY0fvSC4XuBrRNjv1v7LQsSrLjIdGPzm185ueZA_ONiNu2T5iGxMutFWvBw1GIA7aiuN6QArymKQtG8Uh3djb4dscc6UZ38b5iE7zhT_Hg6sMg/h120/RSS-espacoblog.png" title="RSS" /></a

></td>

</tr>

</tbody>

</table>

Modelo 8

Código

</div>

<style>

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:0.1px;position:relative;display:block}

.metro-social .fb{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj500dV_14a2Ge-5QNPtXQqw9S4vFIQPIN13jWFpvQDcrBSMUhU0ZK_yH6kDltTxDtQR8tIFjd9ts15h3DQjIiuFWZI680Y3GLaDu0sioGN7DGSa3mC-sdEqKxqg0RALDd5fHeyZeFB53I/s1600/fb%601.png) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUNurgsOPMSXGMRW96-5h5zy_cOtWAQyxp8yEkS7vuMRaw9mOdnyHlFwhO2SeXygUqrNazjFXlKE0K4naLbZzU__829UiKMx62n7yY2e7n2yv4nUPkBhpdo1BA1FbC2rYr8CNs56ZzP4/s1600/tw1.png) no-repeat center center #43b3e5;width:68px;height:70px}

.metro-social .gp{width:69px;height:70px;background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WeHtEP3gg9bEyGJoiDLrs-ebLm9WfWAGnaPar1UY0qYVOcCEjW7TLTTeTAfR0accPYUdCCQMu6warCRAdcvi_HzLYDgoJFvtPlYG_zZA1IjVn2roMp5odaxDqztHl1fHknlQumu1yQ0/s1600/g+1.png) no-repeat center center #da4a38}

.metro-social .pi{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ciqe20mT10qd_STtPlqtDKiNjRUAnAYiplx6DuST60hRvocDpOkQTuFOMy1ust8LmVT92sVbULXc1bJ1VKtzz0zMdsgCz8iQy5RQ8DWODbQyXVrymV-qcsC2BS92tYEnetcf4XQkROM/s1600/pin1.png) no-repeat center center #d73532;width:68px;height:70px}

.metro-social .fd{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9af8lUZUnsJalcB0pM3YNp_UZdt_3OJ_XqvHD7nU_tSu81uW7Q1I7ypCWQIitREDjNjSFH-IhXCvzLD5jAWSt0x0RU9ckMw6O4RM-175it1KC2XZiw8dbLBqfvAJAsL-Y9PPfi3Bn6LQ/s1600/feed1.png) no-repeat center center #e9a01c;width:68px;height:70px}

.metro-social li:hover .fb{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrWTXIeXw7C41ZV9oThBINAXEai4MD2b6ljyYCXRHytX8jqYPHmGoI5_Oi_TRvPRq0QHeD8aJwwxyUsJxEG2Wu5gCQ6ujq9lXOR9mzoqVImkTs-gKO5IPJ4rbhZhAcR8Vo3KRWU7r_pY/s1600/fb2.png) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSONAL4D289BF8xrSIDTWGkSZQ4lUAqwPotcmu5xWw5qhE2MHeWegr75mJMuafPZnL9dWcBzGYfRTD0Nxc8fSa_Bd6zWzdEnr0T8xVFzu2p05T6xtoqssv8nAtWTrr1RXdECTQkz0Faw/s1600/tw2.png) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG009Q61etdJIPZjnkt-HRi0rTlQ5z_NM7yU4vk2GD4j5DpYXAtTYVZHx6Q25VuwnN-vwAiqA1ZH69JhwZ2Ua04gOKd-mheGE-9fs72IRviA4MaeqzBE0K-buZ4LPWjn3bm8FLVshAO-4/s1600/g+2.png) no-repeat center center #da4a38}

.metro-social li:hover .pi{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNNinVfuj390pNAT6APfcE0IxYPIBeAEVOoLiYYaP0ay00BtKKn82a_fW42b21KWqx-jizEmM9NOeksWl57NBfTX6UPUUcn3TiL_g1depMocNK52Piwh6gxUVPbYL4r6r1mDWuce4-ldg/s1600/pi2.png) no-repeat center center #d73532}

.metro-social li:hover .fd{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKyhRGxwS2JmXSVQRtDqjrwOVNblFmDl4bMmeqOEPSb1JckbyjD0o0Bt0gKM9zk90uH5-szAQSl1vOM1-saooqXE75QFaTVxifZJxuxxlH2d1lkXDURwr63f9IU2YLfSMZn8XK6Qnyy0/s1600/feed2.png) no-repeat center center #e9a01c}

</style>

Modelo 9

Código

</div>

<style>

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .in{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGMKil0SuBY_MJFNkNP9xSkkxTHsrNJx403e56cu1b8IKB3LpKSIS58xi5FfZgdadk1qGkOvqu_vSQ44Ojthn0tWBNcYpErr0V2d1N49QqkJsTD0cIy7CCD2m1fr_e17q79lzK3R4-IB0/s1600/Lin1.png) no-repeat center center #0097bd;width:69px;height:69px}

.metro-social .yt{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJktC6RgBUyXy23Pz2L_4yDGYaqVNbNUI5l2-AzV_GlCuuD2mlF703KO6eQO7wxHNq32mrxqWugSoip3Tcrw97Ewl2MQ5ry9UlXNhjIi_S9_oMGbbsvQbeOy0BA8fIa3iIXtp7Ck4fays/s1600/YT1.png) no-repeat center center #e64a41;width:140px;height:69px}

.metro-social li:hover .in{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhwsQ9wC25XgY1LY1yLXb1lmt8DmMU_Pu9Q08TghQxVYeDNjCnUPfTvwgrcAlkmF5yitHT28ARA0e8Hm0mPTSyWe5X96VDIxKOHL6fvDB3CGiPl6lCTjkXod20fYzv3cKfhwQyCwAYQo/s1600/Lin2.png) no-repeat center center #0097bd}

.metro-social li:hover .yt{background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQAyx8_fHvdRoisXTy8u30VJu8n6NBK8pMc7NGo0A7PR6gLpym0m6mpbx7f53vVOBScGRQ0ero3IuW3oJuuPm7hA90C0Vp-Z0x59MteB6vt2p8ERXBfg99zp58sA8RRYkaTXNkpaAeM0/s1600/yt2.png) no-repeat center center #e64a41}

</style>

2º Passo: Depois de ter escolhido um e copiado o seu código, cole o mesmo código em um bloco de notas para fazer algumas alterações. No código procure pelo nomes abaixo e troque pelo link.

Atenção: Antes dos links deve conter: http://

Exemplo: http://www.facebook.com/SeuNome

Procure por:
LINK_DO_FACEBOOK = Troque pelo link do seu Facebook
LINK_DO_TWITTER = Troque pelo link do seu Twitter
LINK_DO_GOOGLE = Troque pelo link do seu perfil no Google +
LINK_DO_YOUTUBE = Troque pelo link do seu canal no YouTube.
LINK_DO_PINTEREST = Troque pelo link Pintrest
LINK_DO_INSTAGRAM = Troque pelo link do seu Instagram (Só no modelo 2)
LINK_DO_RSS = Troque pelo link o seu Feed (Só no modelo 3 e 4)

Veja no exemplo abaixo:

3º Passo: Após trocar todos os links copie novamente todo o código do bloco de notas para colocar em um gadget no seu blog.

É só ir em LAYOUT / adicionar um gadget / HTML/JavaScript,colar o código e salvar.

Fonte: www.espacoblog.com/

Dicas da fulaninha

Páginas

9 Modelos de gadgets para redes sociais

Colocando no seu Blog

Nenhum comentário:

Postar um comentário

Seguidores

Categorias