How to Post Blogger Automatically to Facebook

<div dir="ltr" style="text-align: left;" trbidi="on"> <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;"> </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://viid.me/qteYPb" rel="nofollow" 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 /> <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 /> <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://viid.me/qteYZ2" rel="nofollow" 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 /> <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://viid.me/qteYNr" 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">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 /> <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;">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 /> <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/AVvXsEiayeJZcv905qUPOnJ2pPyhxWJGQuiD69eJBaxH0KtVWt9fSTdXKI5YIgF1ZWGPHoxsEemlzuj6vOKYbfnQqi_aRAPqIIyabmRLgag1XaIyk1M0GhmYmTFh7q1m4akeqkNJds52y5uleXo/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/AVvXsEiayeJZcv905qUPOnJ2pPyhxWJGQuiD69eJBaxH0KtVWt9fSTdXKI5YIgF1ZWGPHoxsEemlzuj6vOKYbfnQqi_aRAPqIIyabmRLgag1XaIyk1M0GhmYmTFh7q1m4akeqkNJds52y5uleXo/s320/blogger-facebook-001.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">And then tie your Blogger blog to the IFTTT account: </span><br /> <br style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;" /> <b style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;"></b><span style="background-color: white; font-family: "georgia" , "utopia" , "palatino linotype" , "palatino" , serif; font-size: 16px; line-height: 27.2000007629395px;"></span><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;"> <b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiSq_eqK3kcE_2KEZsrDELLvsBQ7afh7Udgddcs1dAxN3qlAsgukggHrdkb2ca3eo7V7qvygrEtHzohxJqByQLzzn8JLBK4C-Ct4bZuifc75kXGMYoxFyGfGlemZgIWhrj-X7z5LC3TFQ/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/AVvXsEgiSq_eqK3kcE_2KEZsrDELLvsBQ7afh7Udgddcs1dAxN3qlAsgukggHrdkb2ca3eo7V7qvygrEtHzohxJqByQLzzn8JLBK4C-Ct4bZuifc75kXGMYoxFyGfGlemZgIWhrj-X7z5LC3TFQ/s320/blogger-facebook-002.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="background-color: white; 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="background-color: white; 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 /> <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/AVvXsEi-baPrW_Ow2muceTqxkHuuJb6wUk8e8EmXADJOAaQMUeKFGQUGPW3EIva7FMmYX0us8wAnBl_7ggUF3cIr9tKXxNTPxHZ9MySinGlIRljx9midKB7QOj3EHxNRrA6XBVFbJFHKkRLPuTc/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/AVvXsEi-baPrW_Ow2muceTqxkHuuJb6wUk8e8EmXADJOAaQMUeKFGQUGPW3EIva7FMmYX0us8wAnBl_7ggUF3cIr9tKXxNTPxHZ9MySinGlIRljx9midKB7QOj3EHxNRrA6XBVFbJFHKkRLPuTc/s400/blogger-facebook-10.jpg" style="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="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;">Simply click on the blue '</span><b style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">this</b><span style="background-color: white; 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 /> <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/AVvXsEifWaOPb8ij0Nd1LeUNX1T-ryj-UOgz911SYggBhYtq8dtydPspCO1Y6PM8fAVn2Y_qYH5CyU6tuRXYZDcxYXiOIMTzsV0leLwAVvcib3nbD2uQ8eBdsSN59ineUL-1eLcYbpJ-KgvYi18/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/AVvXsEifWaOPb8ij0Nd1LeUNX1T-ryj-UOgz911SYggBhYtq8dtydPspCO1Y6PM8fAVn2Y_qYH5CyU6tuRXYZDcxYXiOIMTzsV0leLwAVvcib3nbD2uQ8eBdsSN59ineUL-1eLcYbpJ-KgvYi18/s400/blogger-facebook-12.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">You can see that there are many options for source - I've highligted the Blogger button. Next, just '</span><b style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Choose a Trigger</b><span style="background-color: white; 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 /> <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/AVvXsEinaFROHC8s0vljLKQV73JMqAcN3tY8l6bRoy54g-phKcd-_rvsw6uehc1GDzoYp_4T7uL3MpFRk1uoP3OaIpN7Izi9c8Ojr4a0EE8l8Xz6ZhN2RWvTboNTDsj-LIzoQ4neWTUIrxqVu7w/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/AVvXsEinaFROHC8s0vljLKQV73JMqAcN3tY8l6bRoy54g-phKcd-_rvsw6uehc1GDzoYp_4T7uL3MpFRk1uoP3OaIpN7Izi9c8Ojr4a0EE8l8Xz6ZhN2RWvTboNTDsj-LIzoQ4neWTUIrxqVu7w/s400/blogger-facebook-13.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="background-color: white; font-family: "georgia" , "utopia" , "palatino linotype" , "palatino" , serif; font-size: 16px; line-height: 27.2000007629395px;">Go ahead and select '</span><b style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Any new post'</b><span style="background-color: white; 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 /> <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/AVvXsEgK_gTvhCO_zKS3oG3K0fZgIMUpUXR40S6xMzbXWxIUotP-sBI7IbmkVPROQXwMNEqtXv9kR9ffF9DufSvo5_rKCaQFdmeOeoG_PEARqXkLkqmHr-ifnXJw-LK_ONSqzklWvuywZB9vlmY/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/AVvXsEgK_gTvhCO_zKS3oG3K0fZgIMUpUXR40S6xMzbXWxIUotP-sBI7IbmkVPROQXwMNEqtXv9kR9ffF9DufSvo5_rKCaQFdmeOeoG_PEARqXkLkqmHr-ifnXJw-LK_ONSqzklWvuywZB9vlmY/s400/blogger-facebook-14.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">Just select the '</span><b style="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Create Trigger'</b><span style="background-color: white; 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="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">that</b><span style="background-color: white; font-family: "georgia" , "utopia" , "palatino linotype" , "palatino" , serif; font-size: 16px; line-height: 27.2000007629395px;">' blue link to continue:</span><br /> <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/AVvXsEi3ri4iINKq4MCdYgpCL7yt4XQsVUr7VyALn8J9YxT9OSYE-fSGPDEwnEMj0_CwDXYl44gGkkZVYPOv33-zCXN9IfmGZv9NqiREjc4xB3uD4Jv-B0k2eFOmgmVX9LWGV319HyJPJjko9As/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/AVvXsEi3ri4iINKq4MCdYgpCL7yt4XQsVUr7VyALn8J9YxT9OSYE-fSGPDEwnEMj0_CwDXYl44gGkkZVYPOv33-zCXN9IfmGZv9NqiREjc4xB3uD4Jv-B0k2eFOmgmVX9LWGV319HyJPJjko9As/s400/blogger-facebook-15.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="background-color: white; 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="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Facebook</b><span style="background-color: white; font-family: "georgia" , "utopia" , "palatino linotype" , "palatino" , serif; font-size: 16px; line-height: 27.2000007629395px;">' icon:</span><br /> <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/AVvXsEgYQv89ou-sT2qFwy3GCKE_1GXAEMBC1qSNDfIepmi6XO65WLMSAQNvBl6Q_mbvxSdpHjlexZYgcC9JAshAKTO2X_QFfyfwgolWMAEw1hyphenhyphenZW8eS-0tidqQLBMqK3ixpJO2DITuytVyRCA0/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/AVvXsEgYQv89ou-sT2qFwy3GCKE_1GXAEMBC1qSNDfIepmi6XO65WLMSAQNvBl6Q_mbvxSdpHjlexZYgcC9JAshAKTO2X_QFfyfwgolWMAEw1hyphenhyphenZW8eS-0tidqQLBMqK3ixpJO2DITuytVyRCA0/s400/blogger-facebook-16.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">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="background-color: white; 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 /> <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/AVvXsEhNp2lSVs239ynf_Ur_-wVlrC6iYoIEOHloaafFBNCbQOQ1oIUIb6DxNaPaUOJ6Yol48-eYRNFb3Cz6RHJX_Pc12axr9tIqfnVqp-bVSqtrEoH_ntRyFMmNqOrcC3RUp9T8XovRUHQHKpg/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/AVvXsEhNp2lSVs239ynf_Ur_-wVlrC6iYoIEOHloaafFBNCbQOQ1oIUIb6DxNaPaUOJ6Yol48-eYRNFb3Cz6RHJX_Pc12axr9tIqfnVqp-bVSqtrEoH_ntRyFMmNqOrcC3RUp9T8XovRUHQHKpg/s400/blogger-facebook-003.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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 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="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Create a link post</b><span style="background-color: white; font-family: "georgia" , "utopia" , "palatino linotype" , "palatino" , serif; font-size: 16px; line-height: 27.2000007629395px;">'  - but you make your choice:</span><br /> <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/AVvXsEgCnxFT0HtpLJ3zJ3BCqKPVhNm87VG77V3jnCc7UfAOfH3gGmD2eiT9kvki2g_8Hq9ioYmu5nrmw2tBJ7oV-CsHwPfTr1BlbzeDPuBgp8TkGUiyV2Te-3oF5dRCObgtyiLFxumpdr_96Kw/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/AVvXsEgCnxFT0HtpLJ3zJ3BCqKPVhNm87VG77V3jnCc7UfAOfH3gGmD2eiT9kvki2g_8Hq9ioYmu5nrmw2tBJ7oV-CsHwPfTr1BlbzeDPuBgp8TkGUiyV2Te-3oF5dRCObgtyiLFxumpdr_96Kw/s400/blogger-facebook-17.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">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 /> <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/AVvXsEglg_XoCkcjCS9cS5FsiNnSmnV_6rEVaBV6b3xXhpYHKlCNLzMTgkKsxM-y8i3EwMRDEcdxbr6j6FohyphenhyphendOaRSKXuCOThbKooLSKARfj-K74U2haKHoJ6pJxM1nR-erTNvquCSMLcjI8UnE/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/AVvXsEglg_XoCkcjCS9cS5FsiNnSmnV_6rEVaBV6b3xXhpYHKlCNLzMTgkKsxM-y8i3EwMRDEcdxbr6j6FohyphenhyphendOaRSKXuCOThbKooLSKARfj-K74U2haKHoJ6pJxM1nR-erTNvquCSMLcjI8UnE/s400/blogger-facebook-18.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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;">Just press 'Create Action' when done and you should have something like this:</span><br /> <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/AVvXsEh8nUkLAAjXcbDaShJXAa16-FUI7n7I-VFEfCEQcU3NQwM92OPjX8Cg0DCcm6vOdR-sz4h8FLbVkFPeWu5vWH6bRc4LBR9K5RBoWo55kD_hEROhxt9-dFPhQhHUP_GseGmc3Uzojb-gfxk/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/AVvXsEh8nUkLAAjXcbDaShJXAa16-FUI7n7I-VFEfCEQcU3NQwM92OPjX8Cg0DCcm6vOdR-sz4h8FLbVkFPeWu5vWH6bRc4LBR9K5RBoWo55kD_hEROhxt9-dFPhQhHUP_GseGmc3Uzojb-gfxk/s400/blogger-facebook-19a.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="background-color: white; 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 /> <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/AVvXsEjsdASfWxpM5DKswiDR1rAtFO0w5ziWwf64WwHULD8DtVWYCXAKJYgRDh-3QIoFthjEObAQHiFKLnGNRddCqfr4A_uF3Fij10zlIW2rrPmyogVE5IqgMTHB-3M_PKtRuF3ZkICcg1LcVKI/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/AVvXsEjsdASfWxpM5DKswiDR1rAtFO0w5ziWwf64WwHULD8DtVWYCXAKJYgRDh-3QIoFthjEObAQHiFKLnGNRddCqfr4A_uF3Fij10zlIW2rrPmyogVE5IqgMTHB-3M_PKtRuF3ZkICcg1LcVKI/s400/blogger-facebook-20.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="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 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="background-color: white; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 16px; line-height: 27.2000007629395px;">Check</b><span style="background-color: white; 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 /> <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/AVvXsEiR39nhyphenhyphenUPfXYuQSrXiokj8vgMrbwfHNhuPMSlxtO4b6-nmltde3BsRpzUJwlUHjObTSncLVawV5qoBg7AWSyBOqaoCVdZbPZN7_9tsuCOH_dSTGTkQKpGAO-YtViwWJ3k4kjXkWTOqna4/s1600/blogger-facebook-21.jpg" imageanchor="1" style="color: #d5000b; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR39nhyphenhyphenUPfXYuQSrXiokj8vgMrbwfHNhuPMSlxtO4b6-nmltde3BsRpzUJwlUHjObTSncLVawV5qoBg7AWSyBOqaoCVdZbPZN7_9tsuCOH_dSTGTkQKpGAO-YtViwWJ3k4kjXkWTOqna4/s1600/blogger-facebook-21.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; 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="background-color: white; 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><br /> <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;">A Great tool in my mind!  Enjoy!!</span></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. ...

Read more »

Display Social Widgets For Blogger (Facebook, Google+ and Twitter)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <div class="separator" style="clear: both; text-align: center;"> <a href="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: Georgia, Times New Roman, serif;"><img border="0" height="109" src="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets1.jpg" width="320" /></span></a></div> <span style="font-family: Georgia, Times New Roman, serif;">Displaying social widgets in a blog helps visitors to know that your blog has a profile on Facebook, Google+ and Twitter and so they get the latest updates straight from these social networks. This helps to build traffic to your blog.</span></div> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">In this post we will see how to get and display social widgets for Blogger. Facebook like box, Google+ badge and Twitter tweets for your Blogger blog.</span></div> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">Displaying Facebook like box, Google+ badge and Twitter tweets in Blogger is really easy. Just follow the steps.</span></div> <h2 style="background-color: white; border: 0px; color: #444444; font-size: 24px; font-weight: 300; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">How to display social widgets for Blogger</span></strong></h2> <h3 style="background-color: white; border: 0px; color: #444444; font-size: 22px; line-height: 30px; margin: 5px 0px 15px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #325ba3; font-family: Georgia, Times New Roman, serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">How to display Facebook like box in Blogger</span></strong></h3> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">Ready to use code:</span></strong></div> <ol style="background-color: white; border: 0px; color: #555555; font-family: Helvetica, arial, sans-serif; font-size: 15px; line-height: 26px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px 1.571em 1.9em; padding: 0px; vertical-align: baseline;"> <li style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;"><img alt="Display social widgets for Blogger" class="alignright" height="66" src="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets.jpg" style="border: 0px; display: block; float: right; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 0.3em 0px 0.5em 1.571em; max-width: 100%; padding: 0px; vertical-align: baseline;" title="Display social widgets for Blogger" width="346" />Login to blogger and go to your Dashboard >> layout</span></li> <li style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">Click Add a gadget, new pop up window opens</span></li> <li style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">Find out HTML/JavaScript and click the + button</span></li> <li style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">Paste the following i frame code in content area and save it.</span></li> </ol> <div class="syntaxhighlighter " id="highlighter_80597" style="background: none rgb(15, 25, 42) !important; border: 0px !important; bottom: auto !important; color: #555555; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 656.03125px;"> <div class="lines no-wrap" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">1</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F<span style="color: red;"><b>TechTuner4u</b></span>&amp;width=200&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=109603472461097" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:280px; height:290px;" allowtransparency="true"></iframe></span></code></td></tr> </tbody></table> </div> </div> </div> <div style="background-color: white; border: 0px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="color: #555555; font-family: Georgia, Times New Roman, serif; font-size: 16px; line-height: 28px;">Now you can see the Facebook like box in your Blogger blog. Make sure you change the ID “</span><span style="font-family: Georgia, Times New Roman, serif;"><span style="color: #555555;"><span style="line-height: 28px;">TechTuner4u” with your Facebook page ID.</span></span></span></div> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;">Get your own code:</span></strong></div> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">The above code fits perfectly for all the blogs if you want to add new features like streams, color, width and height then use this link <a href="http://developers.facebook.com/docs/reference/plugins/like-box/" rel="nofollow" style="-webkit-tap-highlight-color: rgb(255, 94, 153); -webkit-transition: none; border: 0px; color: #1b94d1; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: none; vertical-align: baseline;" target="_blank" title="Facebook like box">Facebook like box</a> and get your own code and paste it in HTML/JavaScript gadget and click save.</span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="margin-left: 1em; margin-right: 1em;"> <span style="font-family: Georgia, Times New Roman, serif;"><img alt="Social widgets for blogger" class="aligncenter" height="260" src="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets3.jpg" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="280" /></span></div> <br /> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> </div> <h3 style="background-color: white; border: 0px; color: #444444; font-size: 22px; line-height: 30px; margin: 5px 0px 15px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; color: #325ba3; font-family: Georgia, Times New Roman, serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">How to display Google+ badge in Blogger</span></h3> <div style="background-color: white; border: 0px; color: #555555; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Method – 1</span></strong></div> <div class="fb-send" data-href="https://www.facebook.com/TechTuner4u"> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">Since Blogger is a free service owned by Google you can find Google+ badge in your gadget screen. Just enter your Google+ profile or page ID specify the size of the badge and pick the color. If the preview above is O.K then click save and refresh your blog to see the Google+ badge.</span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="margin-left: 1em; margin-right: 1em;"> <span style="font-family: Georgia, Times New Roman, serif;"><img alt="Social widgets for blogger" class="aligncenter" height="359" src="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets2.jpg" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="280" /></span></div> <br /> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> </div> <div style="background-color: white; border: 0px; color: #555555; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Method – 2</span></strong></div> <div class="fb-send" data-href="https://www.facebook.com/TechTuner4u"> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">If you want the one like image above then click “add a gadget” and paste the following code in HTML/JavaScript content and click save. Make sure you change this ID “103580833761087808296” with your Google+ profile or page ID.</span></div> <div class="syntaxhighlighter " id="highlighter_969133" style="background: none rgb(15, 25, 42) !important; border: 0px !important; bottom: auto !important; color: #555555; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 1em 0px !important; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 656.03125px;"> <div class="lines no-wrap" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">1</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><!-- Place this tag where you want the widget to render. </code>widget By Tech-Tuner4u --></span></td></tr> </tbody></table> </div> <div class="line alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">2</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><div class="g-page" data-width="280" data-<span style="color: red;">href="//plus.google.com/+Techtuner4uBlogspotdotcom</span>" data-rel="publisher"></div></span></code></td></tr> </tbody></table> </div> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">3</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"></td></tr> </tbody></table> </div> <div class="line alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">4</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><!-- Place this tag after the last widget tag. --></span></code></td></tr> </tbody></table> </div> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">5</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><script type="text/javascript"></span></code></td></tr> </tbody></table> </div> <div class="line alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">6</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">  </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(function() {</code></span></td></tr> </tbody></table> </div> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">7</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">    </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;</code></span></td></tr> </tbody></table> </div> <div class="line alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">8</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">    </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">po.src = 'https://apis.google.com/js/plusone.js';</code></span></td></tr> </tbody></table> </div> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">9</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">    </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);</code></span></td></tr> </tbody></table> </div> <div class="line alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">10</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">  </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">})();</code></span></td></tr> </tbody></table> </div> <div class="line alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> <tr style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(56, 86, 111) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; direction: ltr !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-family: Georgia, Times New Roman, serif;">11</span></code></td><td class="content" style="background: none !important; border-left-color: rgb(67, 90, 95) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(185, 189, 182) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; white-space: pre !important; width: auto !important;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(209, 237, 255) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Georgia, Times New Roman, serif;"></script></span></code></td></tr> </tbody></table> </div> </div> </div> <div style="background-color: white; border: 0px; color: #555555; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <div style="font-size: 16px;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;"><br /> </span></strong></div> <div style="font-size: 16px;"> <strong style="border: 0px; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif;"><br /> </span></strong></div> <strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Georgia, Times New Roman, serif; font-size: large;">Method – 3</span></strong></div> <div class="fb-send" data-href="https://www.facebook.com/TechTuner4u"> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">If you want new design like cover photo, tagline color theme then use this link <a href="https://developers.google.com/+/web/badge/" style="-webkit-tap-highlight-color: rgb(255, 94, 153); -webkit-transition: none; border: 0px; color: #1b94d1; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: none; vertical-align: baseline;" target="_blank" title="Google+ batch">Google+ badge</a> create a new style >> copy the code and paste it in HTML/JavaScript gadget in your Blogger and save it.</span></div> <h3 style="background-color: white; border: 0px; color: #444444; font-size: 22px; line-height: 30px; margin: 5px 0px 15px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; color: #325ba3; font-family: Georgia, Times New Roman, serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">How to display Twitter tweets in Blogger</span></h3> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">Login to your Twitter account and go to Settings >> Widgets and create a new widget. Now configure your username, theme color, link color, width and click create widget. Now you will see a code below the preview, copy the code and paste it in HTML/JavaScript content and save.</span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="margin-left: 1em; margin-right: 1em;"> <span style="font-family: Georgia, Times New Roman, serif;"><img alt="Social widgets for blogger" class="aligncenter" height="320" src="http://blogtimenow.com/images/facebooklike-googlebatch-twittertweets4.jpg" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="318" /></span></div> <br /> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> </div> <div style="background-color: white; border: 0px; color: #555555; font-size: 16px; line-height: 28px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;"> <span style="font-family: Georgia, Times New Roman, serif;">It’s all done! You have displayed Facebook like box, Google+ badge and Twitter tweets to your Blogger blog. Now visitors can like your page, circle your page and see the latest tweets from your Blogger blog. Happy blogging!</span><br /> <span style="font-family: Georgia, Times New Roman, serif;"><br /> </span></div> </div> </div> </div> </div>

Display Social Widgets For Blogger (Facebook, Google+ and Twitter)

Displaying social widgets in a blog helps visitors to know that your blog has a profile on Facebook, Google+ and Twitter and so they get...

Read more »