{"id":276,"date":"2010-01-10T00:07:25","date_gmt":"2010-01-10T06:07:25","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/01\/10\/twitter-follow-badge-for-your-site\/"},"modified":"2010-01-13T23:03:19","modified_gmt":"2010-01-14T05:03:19","slug":"twitter-follow-badge-for-your-site","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/01\/10\/twitter-follow-badge-for-your-site\/","title":{"rendered":"Floating Twitter Follow Me Badge for Your Site"},"content":{"rendered":"<p>Today I decided I want to add a floating Twitter Follow Me badge on the right side of the blog wall. After some research, I found that it is pretty simple to add the badge to your website, if you are using a <a href=\"http:\/\/www.wordpress.org\/\">WordPress<\/a> self hosted site. All you have to do is go the <a href=\"http:\/\/www.go2web20.net\/twitterFollowBadge\/\">Twitter \u201cFollow\u201d Badge for Site<\/a>. Once there, just fill out the following fields and generate the code. Then you\u2019re ready to add your code to your blog.<\/p>\n<h1><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot3.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border-width: 0px;\" title=\"FollowBadgeScreenshot3\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot3_thumb.jpg?resize=650%2C104\" border=\"0\" alt=\"FollowBadgeScreenshot3\" width=\"650\" height=\"104\" \/><\/a><\/h1>\n<h1>Configuration<\/h1>\n<ol>\n<li>Add your Twitter username.<\/li>\n<li>Change the label using the drop down label. Your options are; \u2018Follow Me\u2019, \u2018Follow Us\u2019, \u2018Follow\u2019 and \u2018My twitter\u2019.<\/li>\n<li>Select your color for the badge. Select a color that goes with your color scheme on your site.<\/li>\n<li>Choose what side you want the badge to be on.<\/li>\n<li>Set your height. The default is 136 pixels from the top.<\/li>\n<li>Click update code button.<\/li>\n<li>All that is left is to add your code to your template.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border-width: 0px;\" title=\"Follow Badge Screenshot\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot_thumb.jpg?resize=277%2C330\" border=\"0\" alt=\"Follow Badge Screenshot\" width=\"277\" height=\"330\" \/><\/a><\/p>\n<h2>Implementation<\/h2>\n<ol>\n<li>Click on appearance<\/li>\n<li>select editor<\/li>\n<li>Select the file footer.php<\/li>\n<li>Look for the &lt;\/body&gt; tag. Right before the tag copy your code into the editor.<\/li>\n<li>If you or any of you users use IE6, the badge will not appear in this browser.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot2.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; border-width: 0px;\" title=\"FollowBadgeScreenshot2\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/TwitterFollowBadgeforYourSite_14AAE\/FollowBadgeScreenshot2_thumb.jpg?resize=552%2C314\" border=\"0\" alt=\"FollowBadgeScreenshot2\" width=\"552\" height=\"314\" \/><\/a><\/p>\n<p>Do you use this icon, and have you made any changes to the icon.<\/p>\n<p><input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/> <input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/> <input id=\"gwProxy\" type=\"hidden\" \/> <input id=\"jsProxy\" onclick=\"jsCall();\" type=\"hidden\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I decided I want to add a floating Twitter Follow Me badge on the right side of the blog wall. After some research, I found that it is pretty simple to add the badge to your website, if you are using a WordPress self hosted site. All you have to do is go the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9],"tags":[103,102,1481,104],"class_list":["post-276","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-floating-icons","tag-floating-twitter-badges","tag-wordpress","tag-wordprress-theme-modification","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-4s","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/276\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=276"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}