{"id":5301,"date":"2012-08-07T02:40:57","date_gmt":"2012-08-07T02:40:57","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=5301"},"modified":"2012-11-17T05:51:44","modified_gmt":"2012-11-17T05:51:44","slug":"twitter-button-tumblr","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/twitter-button-tumblr\/affordablewebsitestips\/tutorials","title":{"rendered":"Twitter Button Tumblr"},"content":{"rendered":"<p>How to add a Twitter button on Tumblr. Below is a Twitter button code snippet and instruction on how to install it into your Twitter blog.<\/p>\n<p><a href=\"http:\/\/2slick.com\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i69.photobucket.com\/albums\/i66\/tempjuliet\/twitter_icon_tumblr.png\" alt=\"\" width=\"50\" height=\"50\" \/><\/a><\/p>\n<h3>Twitter button for Tumblr code snippet<\/h3>\n<p><!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"HTML\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;HTML&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">1<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">2<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&lt;<span style=\"color: #000000; font-weight: bold;\">div<\/span> <span style=\"color: #000066;\">style<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;position: absolute; left: 120px; top: 35px;&quot;<\/span>&gt;&lt;<span style=\"color: #000000; font-weight: bold;\">a<\/span> <span style=\"color: #000066;\">href<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;http:\/\/2slick.com&quot;<\/span>&gt;&lt;<span style=\"color: #000000; font-weight: bold;\">img<\/span> <span style=\"color: #000066;\">src<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;http:\/\/i69.photobucket.com\/albums\/i66\/tempjuliet\/twitter_icon_tumblr.png&quot;<\/span> <span style=\"color: #000066;\">alt<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;&quot;<\/span> <span style=\"color: #000066;\">width<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;50&quot;<\/span> <span style=\"color: #000066;\">height<\/span><span style=\"color: #66cc66;\">=<\/span><span style=\"color: #ff0000;\">&quot;50&quot;<\/span> <span style=\"color: #66cc66;\">\/<\/span>&gt;&lt;<span style=\"color: #66cc66;\">\/<\/span><span style=\"color: #000000; font-weight: bold;\">a<\/span>&gt;&lt;<span style=\"color: #66cc66;\">\/<\/span><span style=\"color: #000000; font-weight: bold;\">div<\/span>&gt;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">3<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/p>\n<h3>Instructions on how to install the Twitter button on Tumblr<\/h3>\n<p>Insert the code snippet above somewhere in the body section of your Tumblr source code. Here's a tutorial on <a title=\"edit tumblr source code\" href=\"http:\/\/2slick.com\/web\/enable-custom-html-tumblr\/affordablewebsitestips\/tutorials\">how to edit your Tumblr Source code<\/a>.<\/p>\n<p>Once you insert the snippet into your blog you'll want to change 'http:\/\/2slick.com' to be your Twitter page URL.<\/p>\n<p>Increasing the 'left: 120px;' number value will move your Twitter social icon right while decreasing the value will move it left. Placing a negative number value for\u00a0'left: 120px;' \u00a0will move the Twitter icon even further left.<\/p>\n<p>Increasing the 'top: 35px;' number value will move your Twitter social icon down while decreasing the value will move it up. Placing a negative number value for\u00a0'top: 35px;' \u00a0will move the Twitter icon even further up.<\/p>\n<p>You can increase or decrease the size of the Twitter icon by modifying the 'width=\"50\" height=\"50\"' number values. Setting the height and width number values above 100 will result in a blurry Twitter icon image so don't go past 100x100.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to add a Twitter button on Tumblr. Below is a Twitter button code snippet and instruction on how to install it into your Twitter blog. Twitter button for Tumblr code snippet &nbsp;HTML&nbsp;|&nbsp;&nbsp;copy&nbsp;code&nbsp;|?&nbsp;12&lt;div style=&quot;position: absolute; left: 120px; top: 35px;&quot;&gt;&lt;a href=&quot;http:\/\/2slick.com&quot;&gt;&lt;img src=&quot;http:\/\/i69.photobucket.com\/albums\/i66\/tempjuliet\/twitter_icon_tumblr.png&quot; alt=&quot;&quot; width=&quot;50&quot; height=&quot;50&quot; \/&gt;&lt;\/a&gt;&lt;\/div&gt;3 Instructions on how to install the Twitter button on Tumblr [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5306,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[332,4],"tags":[421,454,34],"class_list":["post-5301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media","category-tutorials","tag-tumblr","tag-tweet","tag-twitter"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=5301"}],"version-history":[{"count":9,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5301\/revisions"}],"predecessor-version":[{"id":5308,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5301\/revisions\/5308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/5306"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=5301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=5301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=5301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}