{"id":5441,"date":"2012-08-10T04:39:10","date_gmt":"2012-08-10T04:39:10","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=5441"},"modified":"2012-11-17T05:50:10","modified_gmt":"2012-11-17T05:50:10","slug":"facebook-like-box-tumblr","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/facebook-like-box-tumblr\/affordablewebsitestips\/tutorials","title":{"rendered":"Facebook Like Box Tumblr"},"content":{"rendered":"<p>You can add a Facebook Like Box to tumblr by following the steps below. One thing you will notice differently about my 'Facebook like box tumblr' tutorial is that my technique allows you to position the box anywhere within your Tumblr theme, while most tutorials are limited.<\/p>\n<h3>Create your Facebook Like Box<\/h3>\n<ol>\n<li>First create your Facebook Like Box at&nbsp;<a href=\"http:\/\/developers.facebook.com\/docs\/reference\/plugins\/like-box\/\">http:\/\/developers.facebook.com\/docs\/reference\/plugins\/like-box\/<\/a><\/li>\n<li>Copy the code snippets 1 and 2 and place them in a Notepad together.<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/facebook_like_box.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-5081\" title=\"facebook_like_box\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/facebook_like_box.jpg\" alt=\"\" width=\"594\" height=\"418\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/facebook_like_box.jpg 660w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/facebook_like_box-300x210.jpg 300w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/a><\/li>\n<\/ol>\n<h3>Insert the Facebook like Box into Tumblr blog<\/h3>\n<ol>\n<li>Log into your Tumblr Theme.<\/li>\n<li>Click on the 'Preferences' icon.<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_gear_icon.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 1px solid black;\" title=\"tumblr_gear_icon\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_gear_icon.jpg\" alt=\"\" width=\"197\" height=\"192\" \/><\/a><\/li>\n<li>Click the 'Customize your blog' button.<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/tumblr_customize.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 1px solid black;\" title=\"tumblr_customize\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/07\/tumblr_customize.jpg\" alt=\"\" width=\"295\" height=\"237\" \/><\/a><\/li>\n<li>Click on the 'Edit HTML' button.<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_edit_html.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3603\" style=\"border: 1px solid black;\" title=\"tumblr_edit_html\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_edit_html.jpg\" alt=\"\" width=\"321\" height=\"359\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_edit_html.jpg 321w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/tumblr_edit_html-268x300.jpg 268w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/a><\/li>\n<li>Somewhere after the '' tag, paste your Facebook Like Box code &nbsp;snippet. When you paste the code, paste the code snippets from box2 directly after the snippet from box 1.<\/li>\n<li>Next enter this line of code just above your Facebook Like Box code snippet.<!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"CSS\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;CSS&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\">&lt;div style<span style=\"color: #00AA00;\">=<\/span><span style=\"color: #ff0000;\">&quot;position:absolute; left: 50px; top: 50px; height:250px; width:250px;&quot;<\/span><span style=\"color: #00AA00;\">&gt;<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/li>\n<li>Next enter this line of code just below your Facebook Like Box code snippet.<!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"CSS\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;CSS&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=\"ZeroClipboard2\" 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=2&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\">&lt;\/div<span style=\"color: #00AA00;\">&gt;<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/li>\n<\/ol>\n<h3>You can now adjust the position of your Facebook Like Box.<\/h3>\n<p>Increasing the \u2018left: 50px;\u2019 number value will move your Facebook Like Box right while decreasing the value will move it left. Placing a negative number value for \u2019left: 50px;\u2019 will move the Facebook Like Box&nbsp;even further left.<\/p>\n<p>Increasing the \u2018top: 50px;\u2019 number value will move your Facebook Like Box&nbsp;down while decreasing the value will move it up. Placing a negative number value for \u2019top: 50px;\u2019 will move the Facebook Like Box&nbsp;even further up.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can add a Facebook Like Box to tumblr by following the steps below. One thing you will notice differently about my &#8216;Facebook like box tumblr&#8217; tutorial is that my technique allows you to position the box anywhere within your Tumblr theme, while most tutorials are limited. Create your Facebook Like Box First create your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5442,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[332,4],"tags":[35,421],"class_list":["post-5441","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media","category-tutorials","tag-facebook","tag-tumblr"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5441","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=5441"}],"version-history":[{"count":9,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5441\/revisions"}],"predecessor-version":[{"id":5444,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5441\/revisions\/5444"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/5442"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=5441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=5441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=5441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}