Nous sommes dans l'ère du digital, les réseaux sociaux sont partout, et l'un des plus utilisés est Instagram. Si vous êtes plus du genre à poster des photos que de simples textes, ce réseau social est fait pour vous.
Débuter avec InstagramLe code a l'air très complexe, mais vous verrez que ce n'est pas aussi difficile qu'il n'y parait, même pour les nuls en codage
On va voir étape par étape comment personnaliser ce Instagram à l'image de votre personnage.
Changer le pseudoPour changer le pseudo (et donc remplacer "burntheflaws."), il vous suffit de rechercher dans le code html l'endroit où il y a écrit :
- Code:
-
<!-- ZONE DU PSEUDO -->
et de
remplacer "Pseudo" par votre pseudo Instagram.
Changer l'avatarCherchez dans le code :
- Code:
-
<!-- ZONE AVATAR -->
et maintenant,
remplacez URL DE VOTRE AVATAR par l'adresse de l'image que vous souhaitez mettre.
Nous vous conseillons de prendre une photo qui soit carré pour ne pas vous retrouver avec un avatar déformé.
Indiquer le nombre de posts, followers et followingPour faire cette modification, vous devez rechercher dans le code html :
- Code:
-
XXXX
Il se trouve trois fois dans le code.
Remplacez les "XXXX" par les nombres que vous voulez.
Modifier la bioPour changer la biographie, vous devez trouver dans le code html :
- Code:
-
<!-- ZONE BIO -->
et mettre ce que vous voulez juste après cette mention.
Changer les miniaturesDernière étape. Vous devez chercher le code suivant dans le html :
- Code:
-
<!-- ZONE PHOTOS MINIATURE -->
Remplacez les URL DE VOTRE MINIATURE par les adresses de vos images.
- Code:
-
<table width="335" height="650" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td colspan="7"><img src="http://image.noelshack.com/fichiers/2015/33/1439582333-1412874580-1400969095-insta-01.png" width="335" height="120" alt=""></td></tr><tr><td rowspan="6"><img src="http://i.imgur.com/6tBbeXY.png" width="35" height="530" style="margin-top:-1px;" alt=""></td><td colspan="5" style="width:259px;height:33px;background-image:url('http://image.noelshack.com/fichiers/2014/21/1400969093-insta-03.png');font-family:verdana;font-size:11px;text-transform:uppercase;font-weight:bold;color:#000000;text-align:center;"><!-- ZONE DU PSEUDO -->Pseudo</td><td rowspan="6"><img src="http://i.imgur.com/synv9c2.png" width="41" height="530" style="margin-top:-1px;" alt=""></td></tr><tr><td rowspan="3" width="73" height="71" style="background-color:#ffffff; text-align:center;"><!-- ZONE AVATAR --><img src="URL DE VOTRE AVATAR" style="width:50px;-moz-border-radius:10px;-webkit-border-radius:40px;border-radius: 40px;"></td><td rowspan="3"><img src="http://image.noelshack.com/fichiers/2014/21/1400969093-insta-06.png" width="10" height="71" alt=""></td><td style="width:47px;height:23px;font-family:verdana;font-weight:bold;font-size:11px;color:#000000;text-align:center;background-color:#ffffff;">XXXX</td><td style="width:65px;height:23px;font-family:verdana;font-weight:bold;font-size:11px;color:#000000;text-align:center;background-color:#ffffff;">XXXX</td><td style="width:63px;height:23px;font-family:verdana;font-weight:bold;font-size:11px;color:#000000;text-align:center;background-color:#ffffff;">XXXX</td></tr><tr><td colspan="3"><img src="http://image.noelshack.com/fichiers/2014/21/1400969094-insta-10.png" width="176" height="12" alt=""></td></tr><tr><td colspan="3"><img src="http://image.noelshack.com/fichiers/2014/21/1400969094-insta-11.png" width="176" height="36" alt=""></td></tr><tr><td colspan="5" width="259" height="39"><div style="width:248px;height:30px;background-color:#ffffff;padding:5px;overflow:auto;font-family:verdana;font-size:11px;color:#000000;"><!-- ZONE BIO -->
</div></td></tr><tr><td colspan="5" width="259" height="387" style="background-image:url('http://i.imgur.com/v7VBZju.png');background-repeat;no-repeat;" valign="top"><!-- ZONE PHOTOS MINIATURE --><div style="margin-top:40px;width:245px;height:180px;background-color:#ffffff;padding:5px;overflow:auto;text-align:center;"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"><img src="URL DE VOTRE MINIATURE" style="width:78px;height:78px;margin:1px"></div></td></tr></table>