<h3>Como criar uma Galeria de afiliados com efeito</h3>

Ola queridos(a). Mais um tutorial para deixar o blog organizado e fofo. Personalizei um exemplo que estará disponivel para quem desejar usar. Este efeito funciona da seguinte forma,sempre que descansar o mouse sobre os icones dos afiliados ele deixa a imagem com mais brilho e muda indicando o link selecionado. Veja o exemplo abaixo.

Copie o código abaixo cole em HTM/Java Script se desejar usar o exemplo acima. Adicione apenas o endereço do blog/Site. <center> <p><P> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCH_flr8BWRmjJuCk-bRT4rwNarbL3zhDX52ajDyiwXTTO3tzMXvF52sI47pnXCTjx8YxA0A37JMDV-MxsJEI6eQdXttSFc7LH1j0Sf_gNl4kL6PggU4_DTrbjedsQnn43UjwdCiuOwg/s1600/01.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCBgilol0IkC9jdPhJSfrWq6yYv-WhktfCsvvzx0GogGTgOljeQCazCxSelAcWAqMwV9zmAsiSmGXPH_l9tvkQV6deG6U69FgmvmRwZlfVeBCFUq5fSOTVfgZPHkNUe8hlyyK8kYYfOl8/s1600/001.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00VdOK2mg5D3xKwoEJSyeQIk5wsgVv_f5Lgf6plry0_2X9KEwA-P0576KFqIaA3dU8dRjyBvBtVTUsmJO98QX8cmB_qeatGBtJyjvO_bNPoWAyBDsbt91loH6J5MYx56ofnX3KtF9PEs/s1600/02.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKHQhNhjTqXz9Aw2d9WhrSKxqIUz_h5hpzRYQTxvCj0_qJAyDMnalkpLakVxDMK0S_DrzoiAl9a9Na5sZIZCKYYU_8uUZE0RFRtlT3ZDOdEsYn89Pya8KIgDMpVi5QMK9zTAKB_emQXDs/s1600/002.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8YyX4fOM58arc7yE9XuLFQfwH4BXmk5EuGtRT5Q0kH12WiLayuqHxG1Dl0PqiSvOxMSE7uhY-l-6pHXd2JCD2AA6tcPdlYSgbxu4Pt037kzx4L4SZnIqdyx7E4BhhXOoSZ1ztxgFn0U/s1600/03.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgpZ3mfem_BBHRzIoClHPhMonFtNeyGg8LvTMnSmPXir5kWxm3_2IucFcvhOLpDRIZXBu89qq3k0il8Vzi6ndgdQbSPb8YlClIcozmyRztyuUm5HnPJ7isXf1yZLCfCmVhng8M_Zuf38/s1600/003.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0vz0z2vEtvPnH6fzdYL6lDXSIQNDs2nm1iW3wxCg0YCyE0a-qX-chLbwaGaZepwWIXeGDSNHBmFaexZKi1Gr0GhKBWFfJKd6Ii2s1lhUYsTOx0CqBANmuDI-i-wm4in-_5PLMJ1GIToQ/s1600/04.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfwwSdFIuPFK-MI4SSwTApymoc9oY_WNlyLXJKH-ebutv1TxarEm_myjWaPjEDgcuXsYE2CIFBnW_01NoSKuA0ZFGNUOiqH7OdFuu72M_D6zM2gwQQdOIpjNhSMWuPhKjn9EQT-VUJAU/s1600/004.png'" /> </a> <br /> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYOOy02pHBaPtDEKwSRmurQ30sXC-CMOXa2ff9pOJ5_8iX9osJyUHrbOVrkATmqGGRbcWNKvQwjsjXdoXym5a5fTDAV99MKJRuWF1UEEiPGAtwT6YR9JUh-mXh46rtKHhF8kApNRgMu0/s1600/05.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4VZWLLCPARcjfqwcV3xWoBXBVX_Y33t7kcuYI5a_H9Ykgv4v7APNQVTyqiRdxEyFOGqoOWQjO4ZKMDNo1z2RB_WQczQAh1gERYLj3mSB6_LJObnT3hFMbJHl1gyzNnK6NK6fbjOrDZw/s1600/005.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHSEpoY-2qfPJ0q-hH4j6DXRXfQHzOqjQNF7Sj4mdCdvalCQ1beXZbT_4pKNJnEK7stOirhQtJfRyGIsx1_zeW4ErbVky4SUHMHZVZl0PaXur1lIpQc7PP_1HS2dMqq53smogzI8Jo3o/s1600/06.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggEthDwzhIp4RZmplTYH4j87_vIwxooef23x2qR9whlJOUMf8b1QNH9T3PhMjdaLZ2GPvsAdHuo0-N9QlAjpvg2Km2y4DM3fEpmMYVp8AKF1uNynS0PmEiqWbPzNo2TYTTFfQU1tLHQQ/s1600/006.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkfwEq5oMVRVcWaqNHBYPERKKRCE_bLmBzs7DPzlxBybo_JXI5HyHL6yD5c_k495RpdSXkXfCcOS7je7hdofVnOHJzmDh-ehd8JUQbPJWFIP5sv_DloLE0nTtRuXjQy_Dc1pxTYJLbDeY/s1600/07.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXeIjyqpGoxpCv6BJ0VnU29vDgdTlYZYihrGhHx9zC9ENGHfpiVyXUA0K1ETsag-NAz_u8TdNicJVBIZqgMjzbyoMNBh1_UpoKFck-N9aNNHPi_MGd95_NM6ezzSgPsu8W3IlCf5lt0_I/s1600/007.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPmuPsZI8OGRVPQ0v2cHCl0-BYJikKhNBvDdTkqvIwsA0d3zTAh_PKIBTzX9vDCFJqGzJ7ZjjdjNn_D4st0lZqFAVGt0kPwuvNXmDus8caH0Gb5ePO9VOcjHbybsgI6Cxh63HuhrXvc4/s1600/08.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR5orvVEGg_p3KqLj9-hHmQTKwJXxgyqpbWmC8Y7GEft-VB267-BSNsGMWUMHlZvxIFqNxFMmcANnElZEIKORGCqwkNznqpA83GrEGyw7vfZoylSGDVAo4IRZN5HTFtFvuxDLO9KTe3LI/s1600/008.png'" /> </a> <br /> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikg5OQa53_BPInN-ciBGBhK9npxnpZv2bpnSqzHgEnABpSeTvYGBGp3fg0rFRt094J1k6gav_go2NtFYsZbZyteLOz-ksITm4oLShymmfFzNQty6mGXOQJ1ToWe-tivkcdzW2YusR0RSg/s1600/09.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTxJKv5U_ynY6CEU9a3lrMBM8iBYpoLulzgrtmMyE88LPE6A7ykf7rLgz0Mb4LHsMteVozlMWPFxMVeOX5yuegjMCBr_5zoHMSFlVCm2IB7_83Gd96c1io2LjBO2h1e0Sbr_xIhGw5P4/s1600/009.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPKSwDRyhSktMctZ0kVvdZM2LjjBgqPNx-ENd9TkiH6pMCvf_NZDcWSF9fsul7YSJOxxPC7pZ_x1TpTiBQ31ypIZbQFeb7vA0E-cNDnq-Rj94MDx2YUJNjtK3UJKEYqu3kJ4DqIRzCdo4/s1600/10.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrg56QmA_3A3wbc8R9gc9aHg2br8A9Cl68p5XFNlL2MNoRonc6ruCHnUcAMYkjNDmljK_wYRaFbZ5vrK6NXOx5jJYHeiMuH557K6dk4f89izAnTt7cIKvF1zS5oo3Hh6KTNvrBFfyC0gw/s1600/0011.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYS_0Q5QdMGU-6-uHRLAfV0UqjDf3hxELtpqAqWDgbvw1Doht7Du2JSM27xdu4MSLchQEnArGlDv3KWMD_ukzDpYCIdS_touq_bhrCD1DIbD6IzO-HZOYuC_TfustRBQQ4BGNA6PilXAc/s1600/11.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-SXzxFp5E3I4HKm6Tp3asnFm3CGjQmNB1-tpRK7FDHx5v7KOaCU_AoU4AGm47zSptJxn0vn1cIGhd6QqApBVodGYtheKKNSwvsGDZ4CLbohJAesgvCHDDyc8ZF8Kr0yfIPT4XuEjIDc/s1600/0010.png'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9pNp4yaQe6_Zs8YPLogBZX5tJwGKUHNqlKD3px4cNA6VJsqyxebGwvH-Bd1xnC8jVn4_cq2L8IPGeGsVBTyf3i6H5ztolRdJZpDlws-sz4si0GELdak77Xh0vyoNdtDbl4ZcFX5Zpwog/s1600/12.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghK26tuAS7McWxuB1dPRQGY7E7PXT856sSkGeE4cUqqnixO19jePs4DISxl-KourQqJbvSAXDDLkISLwDoMQj9yqOS2ozbe74cJz45TgnFKqwlGElLwxVXx2NqvviVHjyyIu3CE1RbV7E/s1600/love.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhyvZ-qEx5lZwout3VmCa_HQXRvcsh6P2k-2GHd61myPuo8a_zVWzzLRCAFLYQZ5ofIOonXwG7lGiqq0KGqcNUUG2hzG2QFXBPkqrq3LTUbf8raisCNYYnf7yjAbnbaYfOEhlGZ9h-r1c/s1600/0012.png'" /> </a> </center>

Se desejar personalizar o menu copie o código abaixo adicionando novos icones nos lugares indicados. Copie e cole em HTML/Java Script. <center> <p><P> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <br> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <br> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> <a href="ENDEREÇO DO SITE"> <img src="ENDEREÇO DA IMAGEM INICIAL" onmouseover="this.src='ENDEREÇO DA IMAGEM HOVER'" onmouseout="this.src='ENDEREÇO DA IMAGEM FIXA'" /> </a> </center>