{"id":28696,"date":"2012-09-19T01:19:58","date_gmt":"2012-09-18T23:19:58","guid":{"rendered":"http:\/\/onsoftware.en.softonic.com\/?p=28696"},"modified":"2025-07-02T01:44:47","modified_gmt":"2025-07-02T08:44:47","slug":"how-to-set-up-twitters-new-header-feature","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-set-up-twitters-new-header-feature\/","title":{"rendered":"How to: set up Twitter\u2019s new header feature"},"content":{"rendered":"<p><strong><a href=\"http:\/\/onsoftware.en.softonic.com\/how-to-set-up-twitters-new-header-feature\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-28711\" title=\"Twitter\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Tweet.jpg\" alt=\"\" width=\"112\" height=\"91\" \/><\/a> <\/strong><a title=\"Twitter\" href=\"http:\/\/twitter.en.softonic.com\/web-apps\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Twitter<\/strong><\/a> <a title=\"Twitter's official announcement about header images\" href=\"http:\/\/blog.twitter.com\/2012\/09\/because-you-have-more-to-show.html\" target=\"_blank\" rel=\"noopener noreferrer\">announced<\/a> today a new feature for its popular social networking and microblogging platform. My initial thought was that it looks quite similar to <a title=\"Facebook Timeline now available to all users\" href=\"http:\/\/onsoftware.en.softonic.com\/facebook-timeline-now-available-to-all-users\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook&#8217;s Timeline<\/a> cover images.<\/p>\n<p>In many ways, that&#8217;s just what it is. With the incorporation of this new header image into Twitter&#8217;s web-based and iPhone, iPad, and Android UIs, users now have a <strong>new method to personalize their Twitter accounts<\/strong>, outside of adding a background image and a user avatar.<\/p>\n<p>Want to learn how to add a header image to your Twitter account? I&#8217;ll show you how.<!--more--><\/p>\n<h3><strong>What it looks like<\/strong><\/h3>\n<p>Twitter&#8217;s new header image will appear on your Twitter profile directly above your tweets. Where your user icon and summary used to appear in the left column above pictures you&#8217;d tweeted, it&#8217;ll now appear centered within the new header image itself.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-28706\" title=\"Twitter's new header\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Twitters-new-header.jpg\" alt=\"\" width=\"598\" height=\"319\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Twitters-new-header.jpg 598w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Twitters-new-header-300x160.jpg 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>It would&#8217;ve been nice to have the option to left or right align your image and text, as the center alignment won&#8217;t appeal to everyone. Your profile summary, name, and location will also be listed in white text, so some header images might make them disappear entirely. Apart from that, the header is an unnecessary but nice feature for those who want to make their Twitter profile pages stand out a little more.<\/p>\n<h3><strong>How to add your own header<\/strong><\/h3>\n<p>1. Click on the <strong>gear on the upper right<\/strong> of your screen. Scroll down and choose the <strong>Settings<\/strong> option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-28707\" title=\"Click the cog button and choose Settings\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-the-cog-button-and-choose-Settings.jpg\" alt=\"\" width=\"333\" height=\"281\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-the-cog-button-and-choose-Settings.jpg 333w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-the-cog-button-and-choose-Settings-300x253.jpg 300w\" sizes=\"auto, (max-width: 333px) 100vw, 333px\" \/><\/p>\n<p>2. In the left column, choose <strong>Design<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-28708\" title=\"Choose Design in the left column\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Choose-Design-in-the-left-column.jpg\" alt=\"\" width=\"600\" height=\"245\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Choose-Design-in-the-left-column.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Choose-Design-in-the-left-column-300x122.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>3. Scroll down to the <strong>Customize your own<\/strong> section and click <strong>Change header &gt; Choose existing image<\/strong>. Make note of the file size requirements along the way.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-28709\" title=\"Click Change header and then Choose existing image\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-Change-header-and-then-Choose-existing-image.jpg\" alt=\"\" width=\"513\" height=\"258\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-Change-header-and-then-Choose-existing-image.jpg 513w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Click-Change-header-and-then-Choose-existing-image-300x150.jpg 300w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/p>\n<p>4. Upload an image from your computer. You&#8217;ll be able to move larger images around to get the look you want, and even zoom in and out.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-28710\" title=\"Upload an image of your choice\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/09\/Upload-an-image-of-your-choice.jpg\" alt=\"\" width=\"545\" height=\"417\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Upload-an-image-of-your-choice.jpg 545w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/09\/Upload-an-image-of-your-choice-300x229.jpg 300w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/>5. Click <strong>Save<\/strong> at the bottom right, and you&#8217;re done.<\/p>\n<p>The header size is small enough that you can use camera phone pictures and still have it look nice, which is exactly what I did. My header is now an image of iconic Alamo Square Park in San Francisco, originally published on Instagram.<\/p>\n<p><strong>Are you planning to take advantage of Twitter&#8217;s new header feature? If so, what sort of image will you use?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twitter announced today a new feature for its popular social networking and microblogging platform. My initial thought was that it looks quite similar to Facebook&#8217;s Timeline cover images. In many ways, that&#8217;s just what it is. With the incorporation of this new header image into Twitter&#8217;s web-based and iPhone, iPad, and Android UIs, users now &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/how-to-set-up-twitters-new-header-feature\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to: set up Twitter\u2019s new header feature&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2028,"featured_media":28706,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[2441],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-28696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/28696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/2028"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=28696"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/28696\/revisions"}],"predecessor-version":[{"id":333639,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/28696\/revisions\/333639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/28706"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=28696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=28696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=28696"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=28696"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=28696"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=28696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}