How to Post Blogger Automatically to Facebook

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiolgPxrKBf5BSaBlv3Dgr0C8KDkeLMJDxOtSIADILr-g_7Ve368fgPc09RIe5dMLhyAiQrnSSWhJhYX6REJGI29DLhIADsMK42hv-oeibgQHBofVsWdmu-HX2rheunGYMPngbQ-NKohrQ/s1600/Auto-share-blog-posts-on-social-media.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiolgPxrKBf5BSaBlv3Dgr0C8KDkeLMJDxOtSIADILr-g_7Ve368fgPc09RIe5dMLhyAiQrnSSWhJhYX6REJGI29DLhIADsMK42hv-oeibgQHBofVsWdmu-HX2rheunGYMPngbQ-NKohrQ/s400/Auto-share-blog-posts-on-social-media.png" width="400" /></a></div><br /><div class="separator" style="background-color: white; clear: both; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBRHvw_UQFklqn8_iXL9ygV8BIUiNHHScV8RDV_lT2KnWNBo8qAMAv0FTeg15AiTpp3AZsoGVRAwnHJ-Fhyq_KYfnKXG2cqOlHBvE0_ACpqWT7877wGba_oKrzMIBt9-2LD-S5RCuuIQ/s1600/facebook.jpg" imageanchor="1" style="clear: left; color: #d5000b; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Facebook Logo" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBRHvw_UQFklqn8_iXL9ygV8BIUiNHHScV8RDV_lT2KnWNBo8qAMAv0FTeg15AiTpp3AZsoGVRAwnHJ-Fhyq_KYfnKXG2cqOlHBvE0_ACpqWT7877wGba_oKrzMIBt9-2LD-S5RCuuIQ/s200/facebook.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="200" /></a></div><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">When I started this post I had the preconceived notion that automatically posting from Blogger to Facebook would not be an issue at all. For some reason in the back of my mind this was as simple as using email notification to the Facebook email-to-post feature, or using </span><a href="http://www.feedburner.com/" style="background-color: white; color: #d5000b; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-decoration: none;" target="_blank">Google's Feedburner</a><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">.</span><br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Well, I was quite wrong about this. Trying to use the email-to-post feature in Facebook only added the blog name and title to my Facebook wall with no content or links. From Feedburner, it looked like Facebook might work but they're only supporting Twitter in their socialize feature.</span><br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Now, there are a number of Facebook plug-ins such as </span><a href="http://www.rssgraffiti.com/" style="background-color: white; color: #d5000b; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-decoration: none;" target="_blank">RSS Graffiti</a><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"> you can use to grab your blogger RSS feed and post it to your wall. However, I found another tool so useful that I think this might be the easiest path for anyone to use.</span><br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"></a><br /><h3 style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; margin: 0px; position: relative;">If This then That - or, If Blogger then Facebook</h3><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">A new online utility has appeared that can simply move your social postings around between sites called </span><a href="http://ifttt.com/" style="background-color: white; color: #d5000b; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-decoration: none;">IFTTT.com</a><span style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"> (or, in other words, If This, Then That). It is so incredibly intuitive and easy to use that I had no issues setting it up. </span><br /><header class="l-header" style="background-color: white; border: 0px; color: #333333; font-family: AvenirNextLTW01-Regular, helvetica, arial, sans-serif; font-size: 18px; font-stretch: inherit; line-height: 27px; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="l-page-header" style="background-color: #f3f3f3; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 15px 0px; vertical-align: baseline;"><div class="l-page-header-inner" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 950px; min-height: 51px; padding: 0px 10px; vertical-align: baseline;"><div class="is-alone l-page-title-unit" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 4px 0px 0px; padding: 0px; vertical-align: baseline;"><h1 class="l-page-title" style="border: 0px; font-size: 2rem; font-stretch: inherit; font-variant: inherit; font-weight: normal !important; letter-spacing: -0.03rem; line-height: 1.2; margin: 0px; padding: 0px; vertical-align: baseline; word-spacing: 0.06rem;">Create your free account</h1></div></div></div></header><article class="l-page-content" style="background-color: white; border: 0px; color: #333333; font-family: AvenirNextLTW01-Regular, helvetica, arial, sans-serif; font-size: 18px; font-stretch: inherit; line-height: 27px; margin: 0px auto; max-width: 950px; padding: 0px 10px; vertical-align: baseline; width: 950px;"><div class="signup-tagline" style="border: 0px; color: #999999; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; padding: 0px 0px 20px; vertical-align: baseline;">You're only seconds away from doing more with the products you love.</div><div class="l-form-container" style="border: 0px; float: left; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 9.984375px 0px 0px; padding: 0px; vertical-align: baseline; width: 589.984375px;"><div class="form-euprimary" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><form accept-charset="UTF-8" action="https://ifttt.com/join" class="new_user" id="new_user" method="post" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; display: inline; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></div><div class="form_unit" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 16px 0px; padding: 0px; vertical-align: baseline;"><label class="mop_label" for="user_email" style="border: 0px; display: inline-block; font-family: 'Avenir Next LT W01 Demi', helvetica, arial, sans-serif !important; font-size: 1.28rem; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px 0px 3px 2px; vertical-align: baseline;">Your Email</label> <input autocapitalize="off" autocorrect="off" class="form_text mop_input" id="user_email" name="user[email]" placeholder="you@email.com" size="22" style="background-attachment: initial, initial; background-clip: initial, initial; background-image: url(data:image/png; background-origin: initial, initial; background-position: 50% 0%, 0% 50%; background-repeat: repeat-x, repeat-y; background-size: initial, initial; border-color: rgb(124, 124, 124) rgb(195, 195, 195) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; data: image/png; font-family: inherit; font-size: 2rem; letter-spacing: -0.03rem; padding: 4px 9.88875px; width: 589.984375px; word-spacing: 0.06rem;" type="text" /></div><div class="form_unit" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 16px 0px; padding: 0px; vertical-align: baseline;"><label class="mop_label" for="user_password" style="border: 0px; display: inline-block; font-family: 'Avenir Next LT W01 Demi', helvetica, arial, sans-serif !important; font-size: 1.28rem; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px 0px 3px 2px; vertical-align: baseline;">Choose a Password</label> <input autocapitalize="off" autocorrect="off" class="form_text mop_input" id="user_password" maxlength="1024" name="user[password]" placeholder="min 6 characters" size="22" style="background-attachment: initial, initial; background-clip: initial, initial; background-image: url(data:image/png; background-origin: initial, initial; background-position: 50% 0%, 0% 50%; background-repeat: repeat-x, repeat-y; background-size: initial, initial; border-color: rgb(124, 124, 124) rgb(195, 195, 195) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; data: image/png; font-family: inherit; font-size: 2rem; letter-spacing: -0.03rem; padding: 4px 9.88875px; width: 589.984375px; word-spacing: 0.06rem;" type="password" /></div><div class="half_break" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 0.5em; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; width: 589.984375px;"></div><div class="form_unit" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 16px 0px; padding: 0px; vertical-align: baseline;"><input class="btn-primary" data-disable-with="Creating account..." name="commit" style="-webkit-appearance: none; background: rgb(51, 204, 255); border-radius: 40px; border: 0px none currentcolor; color: white; cursor: pointer; font-family: 'Avenir Next LT W01 Demi', helvetica, arial, sans-serif !important; font-size: 2rem; line-height: 40px; min-width: 270px; padding: 20px 40px;" type="submit" value="Create account" /></div><div class="form_unit" style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 16px 0px; padding: 0px; vertical-align: baseline;"><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">I won't lead you on how to setup an account - you'll just need a user name and password - that's very easy to do. As you start you'll just need to activate and register your Blogger account and select your desired blog like this:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdblaPMJPIPV-K8OeAXw3VTIjNKanyKED1HJ-i63Qthw5rYQwYvTQMOJ05NjedA5gWnGtl9lQQ7we72fGhm_9TVmstK-NlJppzsps3QX0bEAuLxYuftX1sDqgwaGEiwCB5GswFnB5N2m0/s1600/blogger-facebook-001.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Activate your Blogger account" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdblaPMJPIPV-K8OeAXw3VTIjNKanyKED1HJ-i63Qthw5rYQwYvTQMOJ05NjedA5gWnGtl9lQQ7we72fGhm_9TVmstK-NlJppzsps3QX0bEAuLxYuftX1sDqgwaGEiwCB5GswFnB5N2m0/s320/blogger-facebook-001.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="320" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">And then tie your Blogger blog to the IFTTT account: </span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"></b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"></span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgkiYRq7dE9VCXbK9FDsGfEvIn3ehuYWi0csJfZnJMpdgRfKNhEZ1yWg36BA31beYyfTnoyA6FMuvoxmDjbPMKTeETlRPQweWW2BE2ie98RbJ64uwuug_tM7Cj_kub-weAh-A8TiYzhY/s1600/blogger-facebook-002.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Tie your Blogger Blog to IFTTT" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgkiYRq7dE9VCXbK9FDsGfEvIn3ehuYWi0csJfZnJMpdgRfKNhEZ1yWg36BA31beYyfTnoyA6FMuvoxmDjbPMKTeETlRPQweWW2BE2ie98RbJ64uwuug_tM7Cj_kub-weAh-A8TiYzhY/s320/blogger-facebook-002.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="237" /></a></b></div><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Once registered your first step is to <b>'Create a </b>Recipe'</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"> - and in our case it is going to be from Blogger to Facebook:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHc4ZDrk-VT848_v4kF_osmR3VElxvBm95B_ZKcsuYvYw6TJTz4QyHQmhxKv4N7Y9x1gozGjt92UVldQWOKtudWGFufJKMfUFNXtxmN22KpivEP-I3VkuoDUoL0S1JQ8YnsPClf_yiR6o/s1600/blogger-facebook-10.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Using IFTTT" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHc4ZDrk-VT848_v4kF_osmR3VElxvBm95B_ZKcsuYvYw6TJTz4QyHQmhxKv4N7Y9x1gozGjt92UVldQWOKtudWGFufJKMfUFNXtxmN22KpivEP-I3VkuoDUoL0S1JQ8YnsPClf_yiR6o/s400/blogger-facebook-10.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Simply click on the blue '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">this</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">' text to select Blogger as you source choice:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq72kxYzMCmLrTrz3NrVrZgcw0KkXLaJlTWwsnDex0412buIIOO2uZyRUc9GejjH3Thxd1tSy22qTrc_8ef0Y0Zb3vJa3leXtrprJ4AxSORA_JQn55pEIAvcBjWgI1bwuVHpKO5rBeLok/s1600/blogger-facebook-12.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Selecting Blogger as the This Choice" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq72kxYzMCmLrTrz3NrVrZgcw0KkXLaJlTWwsnDex0412buIIOO2uZyRUc9GejjH3Thxd1tSy22qTrc_8ef0Y0Zb3vJa3leXtrprJ4AxSORA_JQn55pEIAvcBjWgI1bwuVHpKO5rBeLok/s400/blogger-facebook-12.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">You can see that there are many options for source - I've highligted the Blogger button. Next, just '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Choose a Trigger</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">' type. In this case we want new Posts to be published to Facebook. However, you might want the second label option:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhePx5TObWzI5wND36EfC811DIfDGIXhTuxBpr2-e-14b7dHslDqlsgEVuOVUWm2aKzgwsPwg2A1fXdUcbGXY7uUnHmt5i1enbAYDYFJI50A5ZP7-CfD1cocokAVV3T1ZP5SAQf2P9TiSY/s1600/blogger-facebook-13.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Posting from Blogger for Any New Post" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhePx5TObWzI5wND36EfC811DIfDGIXhTuxBpr2-e-14b7dHslDqlsgEVuOVUWm2aKzgwsPwg2A1fXdUcbGXY7uUnHmt5i1enbAYDYFJI50A5ZP7-CfD1cocokAVV3T1ZP5SAQf2P9TiSY/s400/blogger-facebook-13.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Go ahead and select '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Any new post'</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"> for now. Now you will see the Trigger that will kick off the event. </span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7MI2TXEnrP0LwAT_rWxo3qkBs4H7_ZlVrM_EZLzQO-Ik-YCRcIcWWBZ-8ANS5Y0a-21fx3m8_rVp0y_fAVWdQ9aURXPYS1HBp7OiFlPARShPUy2CUJUwFEbkne6Q4kX65BR-oBb2sv0/s1600/blogger-facebook-14.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Blogger Trigger to Post" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7MI2TXEnrP0LwAT_rWxo3qkBs4H7_ZlVrM_EZLzQO-Ik-YCRcIcWWBZ-8ANS5Y0a-21fx3m8_rVp0y_fAVWdQ9aURXPYS1HBp7OiFlPARShPUy2CUJUwFEbkne6Q4kX65BR-oBb2sv0/s400/blogger-facebook-14.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Just select the '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Create Trigger'</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"> button to continue. You're going to be directed now to the action that occurs when you trigger off a Blogger Post. Just select the '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">that</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">' blue link to continue:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmED_F6FOmj8cGHBHyceVu1uV5jferOFwpf2WHXr93H6iuwfAK4UJqZtWppXSdTW2z3lMT8Xv6ymz44jpysUHEiBHbPXAKJOvkftAYO_9j_YliJZ6reJJyaHyi9hfKF_idrVajYA1Dvww/s1600/blogger-facebook-15.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmED_F6FOmj8cGHBHyceVu1uV5jferOFwpf2WHXr93H6iuwfAK4UJqZtWppXSdTW2z3lMT8Xv6ymz44jpysUHEiBHbPXAKJOvkftAYO_9j_YliJZ6reJJyaHyi9hfKF_idrVajYA1Dvww/s400/blogger-facebook-15.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="400" /></a></div><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Now you'll see the full list again of social media sites. There are some great options here - but, for our tutorial just click on the '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Facebook</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">' icon:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibF7TRNVXrbZrHzaPkhNu0TIAtnsf-kJPaewPrzVOnS26B8Eowlf6fCMS-SybYCy5QxZ36SWs_6CibtA8mWwU1ZPRQ4ADYrIjLjIfk2upUWrylxNDLKYaGlIA8I9cYV7m0FQXeFiDK2-Q/s1600/blogger-facebook-16.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibF7TRNVXrbZrHzaPkhNu0TIAtnsf-kJPaewPrzVOnS26B8Eowlf6fCMS-SybYCy5QxZ36SWs_6CibtA8mWwU1ZPRQ4ADYrIjLjIfk2upUWrylxNDLKYaGlIA8I9cYV7m0FQXeFiDK2-Q/s400/blogger-facebook-16.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">If this is your first time into IFTTT then you'll need to register your Facebook account much like how you did your Blogger account. </span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Be sure you're logged into your desired Facebook account first.</b><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg24YuFF-Cx8qqDEHvHnNldvpjxTJG5tbUjHqloEj_NBesYoiqWruouZgaKwnDSoiUrBsJEb6ooXPiaCEtuvHezy1Cs6lNO4VQC8Sp9uTYlmRUI_tG_LSdbiicyywQ50GWoMBiiiqIpPJs/s1600/blogger-facebook-003.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Activate your Facebook account" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg24YuFF-Cx8qqDEHvHnNldvpjxTJG5tbUjHqloEj_NBesYoiqWruouZgaKwnDSoiUrBsJEb6ooXPiaCEtuvHezy1Cs6lNO4VQC8Sp9uTYlmRUI_tG_LSdbiicyywQ50GWoMBiiiqIpPJs/s400/blogger-facebook-003.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Now you'll have to make a selection if you want the Blogger post to be fully copied to Facebook, or, just a link back to the blog. I prefer the second option '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Create a link post</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">'  - but you make your choice:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXo_i_cIsTwlPVS84vYGaKdeHgHJBuGjtv7MHMmSDdvoHf8hyphenhyphenWIddm3vT6kPHhd4BmeL1sbebvVV0dLVdtCIbUthbT9ZtZCtSjds8wc1urXrus9iZIQw5mm6MFEo2OVy-d9mdy3KU-4bQ/s1600/blogger-facebook-17.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Triggering an Action to Post to Facebook" border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXo_i_cIsTwlPVS84vYGaKdeHgHJBuGjtv7MHMmSDdvoHf8hyphenhyphenWIddm3vT6kPHhd4BmeL1sbebvVV0dLVdtCIbUthbT9ZtZCtSjds8wc1urXrus9iZIQw5mm6MFEo2OVy-d9mdy3KU-4bQ/s400/blogger-facebook-17.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">This is the tricky part - how you want the message formatted on your Facebook page. You can certainly experiment with this - but, you'll want to Create an Action that has the URL in the link field and the subject with your own text mixed with your blog post: </span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEv4wnDAd05k2y0urJaURfKC-2uX0ZKB80stDoRlApYntUQaa7CYiy2ZBOMJNSa0n6kUjIC1-jtSV_2ii9VvOsBvos14InvcnrYpwn700QCnoCtDkZj7ASWUr9TIFdZvoYcYFsZgLFoeY/s1600/blogger-facebook-18.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Action Fields for Facebook Wall" border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEv4wnDAd05k2y0urJaURfKC-2uX0ZKB80stDoRlApYntUQaa7CYiy2ZBOMJNSa0n6kUjIC1-jtSV_2ii9VvOsBvos14InvcnrYpwn700QCnoCtDkZj7ASWUr9TIFdZvoYcYFsZgLFoeY/s400/blogger-facebook-18.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Just press 'Create Action' when done and you should have something like this:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7F34HczcaAKuDlIQJYpeb9fEUBxzXDVzuMPef0VHNV9CSmTpbKzGC4TX33bHHmchRF8pPrcFFZWAsmT7RQBgqSTMK-nk_b0MZpHnjeolNITgSRFkFy0Ls5-cMPlfqxXbx3IJeGMCyDE/s1600/blogger-facebook-19a.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Final Blogger to Facebook Action" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7F34HczcaAKuDlIQJYpeb9fEUBxzXDVzuMPef0VHNV9CSmTpbKzGC4TX33bHHmchRF8pPrcFFZWAsmT7RQBgqSTMK-nk_b0MZpHnjeolNITgSRFkFy0Ls5-cMPlfqxXbx3IJeGMCyDE/s400/blogger-facebook-19a.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">You can see I used the PostContent field - but, you certainly don't have to fill your wall with the full Blogger post.  Your connection is now ready!!</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw-WzxJA_U2QOW1vfEuPHHFs48ENOl2SRa5-DJoNSQcJl-gS0FdaGyW89jc6AcpSCVQRZqvD0M-_HaccrMV4GGzQK8amvrLTLkME8FqntAvwPi6G68renh6_gBB3kfgd513YLUCfzAB1o/s1600/blogger-facebook-20.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="If Blogger then Facebook" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw-WzxJA_U2QOW1vfEuPHHFs48ENOl2SRa5-DJoNSQcJl-gS0FdaGyW89jc6AcpSCVQRZqvD0M-_HaccrMV4GGzQK8amvrLTLkME8FqntAvwPi6G68renh6_gBB3kfgd513YLUCfzAB1o/s400/blogger-facebook-20.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" title="" width="400" /></a></div><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Now that your link is active you can test it by posting to Blogger, then jumping over to IFTTT.com and clicking on the Recipe you just created and selecting the '</span><b style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Check</b><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">' button on the right side of the screen like so:</span><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><br style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /><div class="separator" style="clear: both; color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQUZkqcDUAgwS8f4WTglw68dpud3eqC1t3929FOvzlsrZ21nx-YoANuDTCzNPG75lo8MfvwG0CfteSrDus48ltVLyP4p1gnD9zZ_SiZTE_jXRrNjTVWUuwkbXduMuPNQZczajuslTEQew/s1600/blogger-facebook-21.jpg" imageanchor="1" style="color: #77177d; margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQUZkqcDUAgwS8f4WTglw68dpud3eqC1t3929FOvzlsrZ21nx-YoANuDTCzNPG75lo8MfvwG0CfteSrDus48ltVLyP4p1gnD9zZ_SiZTE_jXRrNjTVWUuwkbXduMuPNQZczajuslTEQew/s1600/blogger-facebook-21.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" /></a></div><span style="color: black; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">This normally runs every 15 minutes - but, by clicking on Check your post will appear on Facebook in seconds.</span></div></form></div></div></article></div>

How to Post Blogger Automatically to Facebook

When I started this post I had the preconceived notion that automatically posting from Blogger to Facebook would not be an issue at all. For...

Read more »

Blogspot How to: Add Social Bookmarking Icons in Blog Posts Footer

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="columns-inner" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 16px; min-height: 0px;"><div class="column-center-outer" style="float: left; position: relative; width: 570px;"><div class="column-center-inner" style="padding: 0px;"><div class="main section" id="main" style="margin: 0px 1em;"><div class="widget Blog" id="Blog1" style="line-height: 1.4; margin: 0px; min-height: 0px; position: relative;"><div class="blog-posts hfeed"><div class="date-outer"><div class="date-posts"><div class="post-outer"><div class="post hentry" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" style="margin: 0px 0px 45px; min-height: 0px; position: relative;"><div class="post-body entry-content" id="post-body-1283235367675911604" itemprop="description articleBody" style="font-size: 17.6000003814697px; line-height: 1.4; position: relative; width: 538px;"><div class="post-img"><a href="http://www.betatemplates.com/2009/07/social-bookmarking-icons-in-post-footer.html" style="color: #888888; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5567966013649393986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ysb0883274QWXjqFPzOPtmwdJ_shcJpWIYL1-lpppFSaEZd2_NSiXPLliusy9ZyaHWl7lXjbKjjxP03Tn6301E2BJIPcN9dzYTl0p2IgA7qCsMOWohjvErrmns65H16du7QzpIiBSXk/s400/Social-Bookmarking-icons-in-post-footer.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: 115px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 300px;" /></a></div><br />Social bookmarking services such as StumbleUpon, Digg & Reddit (->My love) are really popular these days & if a blog post makes it's way to the front page of these services then it's your lucky day. The concept is simple; people browsing web share their favorite bookmarks with others through these services. You can install these icons in your post footer so that your visitors can easily share a post.<a href="https://www.blogger.com/null" name="more"></a><br /><blockquote>Remember: <a href="http://bloggerfaqs.blogspot.com/2009/06/how-to-backup-blogger-xml-template.html" style="color: #888888; text-decoration: none;">Backup your template before moving on.</a></blockquote><br /><h2 style="color: black; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 10px 0px; position: relative;">Steps to Add the Social Bookmarking Icons.</h2><br /><ol><li style="margin: 0px 0px 0.25em; padding: 0px;">Go to <span style="font-weight: bold;">Layout</span> | <span style="font-weight: bold;">Edit HTML</span>.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">Check <span style="font-weight: bold;">Expand Widget Templates</span>, the page will automatically refresh.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">After that press <span style="font-style: italic;">Ctrl + f</span> and search for this code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><div class='post-body entry-content'><br /> <data:post.body/><br /> <div style='clear: both;'/> <!-- clear for photos floats --><br /> </div></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">Now, place the following code right <span style="font-weight: bold;">after</span> the previous step code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><big><big><big> Share this post! </big></big></big><br /><div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;'/><br /><div class='social-table'><br /><table border='0' cellpadding='0' cellspacing='0' width='100%'><br /><tr><br /><td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br /><tr><br /><td height='24' width='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxdHoRIprI/AAAAAAAAEC4/UOmW1Zfg04I/facebook.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; +data:post.url'><strong>Share on Facebook</strong></a><br /></td><br /></tr><br /><tr><br /><td height='24'><img border='0' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxdH2E0JsI/AAAAAAAAEDE/HTXaxE7_KaU/twitter.png'/></td><br /><td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><strong>Share on Twitter</strong></a><br /><br /></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxiZxfvTGI/AAAAAAAAEDU/AvuLyM_PGa4/stumble.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +data:post.url'><strong>Share on StumbleUpon</strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh6.ggpht.com/_TqPdHmAEwTM/Sgxdp40mQUI/AAAAAAAAEDM/_Nee9ul6zpc/s128/delicious.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://del.icio.us/post?url&quot; +data:post.url'><strong>Share on Delicious </strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxjIHpTaiI/AAAAAAAAEDY/pZtBL9woxzw/reddit.png' width='16'/></td><br /><td height='24'><strong><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; +data:post.url'>Share on Reddit</a></strong><br /></td><br /><br /></tr><br /></table></td><br /><td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br /><tr><br /><td height='24' width='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxkjUlW8eI/AAAAAAAAEDc/iDE9H_-vX9w/digg.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><strong>Share on Digg </strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/Sgx1uAMIp7I/AAAAAAAAEDk/UvMj9nzDyJI/design_float.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; +data:post.url'><strong>Share on DesignFloat</strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/Sgxdp80sUoI/AAAAAAAAEDQ/3eYyxtWAGpM/s128/technorati.png' width='16'/></td><br /><td height='24'><strong><a expr:href='&quot;http://technorati.com/faves/?add=&quot; +data:post.url'>Share on Technorati</a></strong></td><br /><br /></tr><br /><tr><br /><td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/SgxdH0I91sI/AAAAAAAAEDA/cDcvpz3WJug/feed.png' width='16'/></td><br /><td height='24'><a href='<span style="color: red;">http://feeds2.feedburner.com/BloggerFAQs</span>'><strong>Subscribe to Feeds RSS</strong></a><br /></td><br /></tr><br /></table></td><br /></tr><br /></table><br /></div><br /><div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;margin-bottom:10px;'/><br /></b:if><br /><div style='clear: both; height:30px;'/></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">The only change you need to do in the above code is to replace <span style="color: #3333ff;">http://feeds2.feedburner.com/BloggerFAQs</span> with your blog feed URL.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">After that, save your template and you can see the icons in post footer but only on posts' pages.</li></ol></div></div></div></div></div></div></div></div></div></div></div></div>

Blogspot How to: Add Social Bookmarking Icons in Blog Posts Footer

Social bookmarking services such as StumbleUpon, Digg & Reddit (->My love) are really popular these days & if a blog post makes i...

Read more »

How to Enable Official Share Buttons in Blogspot/Blogger Templates

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px; text-align: center;"><a href="http://www.betatemplates.com/2010/06/official-blogger-share-buttons.html" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwJOL8FHo-xLLNHKJratgDSPehWeYTFtLd3zyKAa2AyAyobW28c_52FWvuMYtETihauFO1sltTibMbgLXHOs6K-N7wm4IsL_EabLnA8yIurX_tTx3kf8BgYC5eSOhV8ye8PwH3z7SGFM/s1600/Official+Blogger+Share+Buttons.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="300" /></a></div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Twitter</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">,</span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Facebook</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"> & </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Google Plus</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">. These sites bring traffic and are important for search engine rankings. The great thing is that the share buttons automatically shortens post URL/address because Twitter allows only 160 characters per tweet. In this post, I'll explain how you can enable official share buttons.</span><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"></a><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">First, Enable the Share Buttons!</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Enabling share buttons under Blogger posts is very easy. Just go to </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Layout</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">. Edit the Blog Posts gadget and enable </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Show Share Buttons</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"> option. Click the following image to see full size:</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbutekbj1eI5QGv8BrIR4RA2e55PiTkWPOWYsoNqtdj2VkZv4QZyoTFx9n0Kp9mQ9XQ3qiWZ_IBCKTCJg0bW3e0kjOpZiIT941GEJhlDmKOi4lh9_dVKo6dBMIJbcTpYWzeGDeTQBGXks/s1600/add-official-blogger-share-buttons.png" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbutekbj1eI5QGv8BrIR4RA2e55PiTkWPOWYsoNqtdj2VkZv4QZyoTFx9n0Kp9mQ9XQ3qiWZ_IBCKTCJg0bW3e0kjOpZiIT941GEJhlDmKOi4lh9_dVKo6dBMIJbcTpYWzeGDeTQBGXks/s400/add-official-blogger-share-buttons.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">What to Do If Share Buttons Do Not Appear?</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">If you're using an old template then there is a chance that share buttons won't show up even if you've enabled them. So follow these steps:</span><br /><ol style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><li style="margin: 0px 0px 0.25em; padding: 0px;">Open the <strong>Template</strong> section.</li><div class="dashboard-image-template-tab"><img alt="Blogger Updated Dashboard" src="http://i.imgur.com/TUmzn.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Click the <b>Edit HTML</b> button.</li><div class="template-image-Edit-HTML-button"><img alt="Blogger Edit HTML Button" src="http://i.imgur.com/xbPwx.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">A new window will open. Click the <b>Proceed</b> button to start editing.</li><div class="template-image-Edit-HTML-proceed-button"><img alt="Blogger Proceed Button" src="http://i.imgur.com/jjYjq.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Check <b>Expand Widget Templates</b> option. The page will automatically refresh.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">find this code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code> <data:post.body/></code></pre>and REPLACE it with the following code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><span style="color: red;"> <data:post.body/></span><br /><div class='post-share-buttons'><br /><b:include data='post' name='shareButtons'/><br /></div></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">That's it. Click Preview button and you will see share buttons right under the post body. After that, save your template.</li></ol><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><div class="warning_post" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><b>Important:</b> After saving the template. Make sure that the buttons are enabled in Blog Posts widget as described in the previous section of this tutorial.</div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">How to Show Share Buttons Only on Post Pages?</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">By default, share buttons will appear on all pages. It might look a little messy and some people might want share buttons to appear only on post pages. To do that, you need to add a simple if-else condition. Instead of the above code, add this code after</span><code style="background-color: white; color: #666666; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><data:post.body/></code><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">:</span><br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); color: #666666; font-size: 12px; padding: 10px;"><code><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><span style="color: #3333ff;"><div class='post-share-buttons'></span><br /><span style="color: #3333ff;"> <b:include data='post' name='shareButtons'/></span><br /><span style="color: #3333ff;"></div></span><br /><span style="color: red;"></b:if></span></code></pre><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">If you've any problem, feel free to leave me a comment.</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">Update! Share Buttons are Grey</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Many of you guys are complaining that the share buttons are appearing in Grey color. Well, don't worry about that because that's how they should appear. I don't know any method (yet) to make them colored. By default, they are Grey and will only become colorful when you'll bring mouse over them.</span></div>

How to Enable Official Share Buttons in Blogspot/Blogger Templates

Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like  Twitter , Facebook  ...

Read more »

How to Add Facebook Share or Like Button in Blogger Templates

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px; text-align: center;"><a href="http://www.betatemplates.com/2010/06/add-facebook-share-button-in-blogger.html" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaG_gHOIMqg5f3S1znDKygCBfO76fDmxmnSSlQsI2wDQghGnDnWIRa7LRAezph3fGvpZHP4Z8YGZsS-IeBO-7vq1-C5F8C7XkZMrAcSOYjr7xNpcqNhZS9edgka6-4v9YUcDXL_zwjMTU/s400/Add+Facebook+Like+Share+Button+Blogger.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Social media sites like Facebook & Twitter could be great source of quality traffic for any blog. You can also add a Facebook Share or Like button in each of your posts. This button will allow users to quickly share a post on Facebook.</span><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"></a><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><div class="note_post" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><b>Note:</b> This tutorial is no longer working. Facebook has changed it's codes. Try it and if it doesn't work, please don't comment or email me as I don't know the solution yet. Thanks :)</div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">Add Facebook Share/Like Button Below Post Title</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">To add Facebook Like button below post title, simply follow these steps:</span><br /><ol style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><li style="margin: 0px 0px 0.25em; padding: 0px;"><a href="http://www.betatemplates.com/2009/06/how-to-backup-blogger-xml-template.html" style="color: #888888; text-decoration: none;">Back up your Blogger template.</a></li><li style="margin: 0px 0px 0.25em; padding: 0px;">Open the <strong>Template</strong> section.</li><div class="dashboard-image-template-tab"><img alt="Blogger Updated Dashboard" src="http://i.imgur.com/TUmzn.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Click the <b>Edit HTML</b> button.</li><div class="template-image-Edit-HTML-button"><img alt="Blogger Edit HTML Button" src="http://i.imgur.com/xbPwx.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">A new window will open. You'd have to click the <b>Proceed</b>button to start editing.</li><div class="template-image-Edit-HTML-proceed-button"><img alt="Blogger Proceed Button" src="http://i.imgur.com/jjYjq.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Check <b>Expand Widget Templates</b> option. The page will automatically refresh.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">Find <span style="background: rgb(255, 255, 0);"><head></span> in your template and replace it with the following code: <code><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><head><br /><br /><script>(function(d, s, id) {<br /> var js, fjs = d.getElementsByTagName(s)[0];<br /> if (d.getElementById(id)) return;<br /> js = d.createElement(s); js.id = id;<br /> js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;<br /> fjs.parentNode.insertBefore(js, fjs);<br />}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script></pre></code></li><li style="margin: 0px 0px 0.25em; padding: 0px;">Now find the following code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><b:includable id='post' var='post'><br /> <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><br /> <a expr:name='data:post.id'/><br /> <b:if cond='data:post.title'><br /> <h3 class='post-title entry-title' itemprop='name'><br /> <b:if cond='data:post.link'><br /> <a expr:href='data:post.link'><data:post.title/></a><br /> <b:else/><br /> <b:if cond='data:post.url'><br /> <b:if cond='data:blog.url != data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /> </b:if></code></pre><br />You might see multiple codes similar to the above code. However, make sure that the code you find has<span style="background: rgb(255, 255, 0);"><b:includable id='post' var='post'></span> in it.<br /><br /><b>Tip:</b> Just search for <span style="background: rgb(255, 255, 0);"><data:post.title/></span> and you'll find the above code lines.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">Place the following code right AFTER the code in previous step:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/><br /></b:if></code></pre><br />The result should look something like this:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><b:includable id='post' var='post'><br /> <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><br /> <a expr:name='data:post.id'/><br /> <b:if cond='data:post.title'><br /> <h3 class='post-title entry-title' itemprop='name'><br /> <b:if cond='data:post.link'><br /> <a expr:href='data:post.link'><data:post.title/></a><br /> <b:else/><br /> <b:if cond='data:post.url'><br /> <b:if cond='data:blog.url != data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /> </b:if><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/><br /></b:if></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">That's it. Save your template. Open a post on your blog and see the Facebook button in action.</li></ol><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">Add Facebook Share Button Below Post Body</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">To place the Facebook share button under each post, you have to follow the first 3 steps given above. Then find the code given in step 4 above. Scroll down a bit and you'll see the following code:</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); color: #666666; font-size: 12px; padding: 10px;"><code> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><br /> <data:post.body/><br /> <div style='clear: both;'/> <!-- clear for photos floats --><br /> </div></code></pre><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><b style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Warning!</b><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"> Do not use 'Ctrl + F' to find the above code. You have to find the code given in step 4 and then you can find the above code by scrolling down a bit.</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">After finding the above code, place the following code right AFTER it:</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); color: #666666; font-size: 12px; padding: 10px;"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/><br /></b:if></code></pre><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">The result would look something like this:</span><br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); color: #666666; font-size: 12px; padding: 10px;"><code> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><br /> <data:post.body/><br /> <div style='clear: both;'/> <!-- clear for photos floats --><br /> </div><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/><br /></b:if></code></pre><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">After that, save your template. Open a post page on your blog and see the Facebook button in action :)</span><br /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><br /></span><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><br /></span></div>

How to Add Facebook Share or Like Button in Blogger Templates

Social media sites like Facebook & Twitter could be great source of quality traffic for any blog. You can also add a Facebook Share or L...

Read more »