![\"D\u00e9mo](\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/06\/HIGHLIGHT.jpg\")
<\/a>Copyright\u00a9 http:\/\/www.facebook.com\/3wdoc<\/em><\/p>\nVous souhaitez animer votre page Facebook perso ou professionnelle, vous pouvez maintenant l’animer gr\u00e2ce \u00e0 3WDOC Studio et “Static HTML”, deux applications gratuites ! <\/p>\n
Nous avons cr\u00e9\u00e9 une animation qui simule la construction du mur Facebook de notre page 3WDOC. Vous pouvez voir ce que \u00e7a donne ICI<\/a>.<\/p>\n Pour vous expliquer, nous allons suivre l’exemple de notre page Facebook.<\/p>\n Taille : C’est fait ! Vous venez de cr\u00e9er votre animation Facebook avec le 3WDOC Studio, maintenant nous allons l’importer dans la page Facebook<\/strong>.<\/p>\n Il ne vous reste plus qu’\u00e0 remplacer l’adresse donn\u00e9 en exemple \n<\/br> Vous souhaitez animer votre page Facebook perso ou professionnelle, vous pouvez maintenant l’animer gr\u00e2ce \u00e0 3WDOC Studio et “Static HTML”, deux applications gratuites !<\/p>\n","protected":false},"author":1,"featured_media":3966,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Animez votre page Facebook avec 3WDOC Studio et Static HTML. Capturez, d\u00e9coupez et animez vos blocs pour des r\u00e9sultats dynamiques.","bf_ai_og_title":"Animez votre page Facebook","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3443,3451],"tags":[781,1158,53,2185,1055,1159,1160,2198,1161],"class_list":["post-3954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-multimedia-video","category-web-design-front-end","tag-animation","tag-community-management","tag-facebook","tag-html5","tag-innovation","tag-jaime","tag-page","tag-webdesign-responsive-agile","tag-webmarketing"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-11M","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/3954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=3954"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/3954\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=3954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=3954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=3954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} Comment cr\u00e9er l’animation ? <\/h4>\n
\n
.jpg<\/code>.\n<\/li>\n520x750 <\/code>
\nMettez le champs autoplay<\/code> sur la valeur False<\/code> pour le d\u00e9sactiver car Facebook ne supporte pas le contenu en lecture automatique.<\/p><\/blockquote>\n<\/li>\nNative action<\/code> puis dans le second menu d\u00e9roulant la mention Play<\/code>. Donnez-lui un temps de 1 seconde pour que l’image disparaisse au lancement de la s\u00e9quence.\n<\/li>\n520x740<\/code> et nous lui avons donn\u00e9 un effet de disparition 3D. La vid\u00e9o a \u00e9t\u00e9 export\u00e9e en .mov<\/code> et convertie en .mp4<\/code> et .ogg<\/code> (Consultez nos tutoriaux interactifs en fran\u00e7ais<\/a> pour savoir comment faire ce type d’encodage !). Nous avons envoy\u00e9 la vid\u00e9o dans l’\u00e9diteur et l’avons ins\u00e9r\u00e9 dans une piste vid\u00e9o, en lui redonnant les m\u00eames param\u00e8tres de taille 520x750<\/code>.\n<\/li>\nCr\u00e9ation de l’onglet Facebook<\/h4>\n
\n
\nCopiez le code suivant : <\/p>\n\n\t<html> \n \t<head> \n \t<meta http-equiv='Refresh'\n content='0; url=http:\/\/exemple.com' \/> \n \t<\/head> \n \t<\/html> \n<\/pre>\n
http:\/\/example.com<\/code> par l’adresse web de votre s\u00e9quence publi\u00e9e. Dans notre exemple, l’adresse web est la suivante : http:\/\/studio9.vip1.3wdoc.com\/he3Player.php?action=local.sequence.read&sequence_id=6<\/code>\n<\/p><\/blockquote>\n<\/li>\n
\n\u00c7a y est ! Vous avez termin\u00e9 et publi\u00e9 cr\u00e9er votre animation sur votre page Facebook ! N’oubliez pas que vous pouvez aussi ins\u00e9rer du texte, des vid\u00e9o, du son, etc. et cr\u00e9er le contenu que vous souhaitez \u00e0 l’aide de 3WDOC Studio ! <\/strong><\/p>\n\nPour aller plus loin<\/h2>\n
\n
\n\tNos tutoriaux interactifs en fran\u00e7ais<\/a><\/li>\n
\n\tNotre FAQ en Anglais<\/a><\/li>\n
\n\tPour t\u00e9l\u00e9charger l’application “Static HTML”<\/a><\/li>\n
\n\tNotre animation HTML5 sur Facebook<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"