Free Guest Blogging | Submit Your Article: Social Media

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="google-plus-authorship" border="0" class="left" height="230" src="http://cms.searchenginewatch.com/IMG/180/255180/google-plus-authorship-230x230.jpg?1409335438" style="background: transparent; border: 0px; display: block; float: left; margin: 0px 15px 15px 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;" title="google-plus-authorship" width="230" /></div>
<div style="text-align: justify;">
In a <a href="https://plus.google.com/u/0/+JohnMueller/posts/HZf3KDP1Dm8" style="-webkit-tap-highlight-color: rgb(255, 94, 153); background: transparent; color: #6100ab; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Google+ post</a>, webmaster trends analyst John Mueller says Google has "made the difficult decision" to stop showing authorship in search results.</div>
<br />
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Google's <a href="https://support.google.com/webmasters/answer/6083347" style="-webkit-tap-highlight-color: rgb(255, 94, 153); background: transparent; color: #6100ab; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">authorship support page</a>, says simply, "Authorship markup is no longer supported in Web search," and encourages webmasters to look into <a href="https://support.google.com/webmasters/answer/99170" style="-webkit-tap-highlight-color: rgb(255, 94, 153); background: transparent; color: #6100ab; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">rich snippets</a> to improve their search results.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
According to Mueller, Google tests showed removing authorship did not generally appear to reduce site traffic or increase ad clicks.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
"We've gotten lots of useful feedback from all kinds of webmasters and users, and we've tweaked, updated, and honed recognition and displaying of authorship information," Mueller writes. "Unfortunately, we've also observed that this information isn't as useful to our users as we'd hoped, and can even distract from those results."</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Mueller says Google is "strongly committed" to expanding support of structured markup such as schema.org and he says Google will continue to use it to show rich snippets in search results.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
"We make these kinds of changes to improve our users' experience," he notes.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
He thanks webmasters for their efforts to improve their sites and says Google Search users will continue to see Google+ posts from friends and pages when relevant within the main results and on the right-hand side.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
"Today's authorship change doesn't impact these social features," he adds.</div>
<div style="background: rgb(255, 255, 255); border: 0px; color: #444444; font-family: sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
In June, Mueller <a href="http://searchenginewatch.com/article/2352147/Google-to-Remove-Author-Images-from-Search-Results" style="-webkit-tap-highlight-color: rgb(255, 94, 153); background: transparent; color: #6100ab; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">used Google+ to announce</a> that Google would stop showing author profile images and Google+ circle counts in desktop and mobile search results.</div>
</div>

Google Drops Authorship From Search Results

In a Google+ post , webmaster trends analyst John Mueller says Google has "made the difficult decision" to stop showing autho...

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<span style="background-color: white; float: right; font-family: Lora, Georgia, serif; font-size: 18px; line-height: 29px; margin: 0px; padding: 0px;"><a class="addthis_button_facebook_like at300b" fb:like:layout="button_count" href="https://www.blogger.com/null" style="color: #4908d3; cursor: pointer; margin: 0px; padding: 0px;"></a></span><br />
<div class="post-body entry-content" id="post-body-3408800511097736632" style="background-color: white; font-family: Lora, Georgia, serif; font-size: 16px; line-height: 29px; margin: 0px; padding: 0px; word-wrap: break-word;">
<div dir="ltr" style="margin: 0px; padding: 0px;" trbidi="on">
<div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80rdecrYYFfIlBP_VY8kkYPLUyWhSERY38P0rvVMU8WI1kiU3JO7OIMcYOwQ6RqzGPKiNH33m5W7WpS_D5FtS4I4NccFrHR_fz8KO8jIOTWe076HZ-LMsg8Tu4UIKMACWIvg14Fy3FDA/s1600/download.png" imageanchor="1" style="clear: left; color: #4908d3; float: left; margin: 0px 1em 1em 0px; padding: 0px; text-decoration: none;"><img alt="download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80rdecrYYFfIlBP_VY8kkYPLUyWhSERY38P0rvVMU8WI1kiU3JO7OIMcYOwQ6RqzGPKiNH33m5W7WpS_D5FtS4I4NccFrHR_fz8KO8jIOTWe076HZ-LMsg8Tu4UIKMACWIvg14Fy3FDA/s1600/download.png" style="border: none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" title="download" /></a></div>
<div style="text-align: justify;">
Previously we had shared about to add Google plus commenting system in blogger as Google plus is also heading towards becoming a popular social network. But what about already number one social media sites which is Facebook? Being number one social network, it has largest number if users, so it is quite beneficial if you add Facebook comments system in blogger. So today we are going to discuss about how to add Facebook comments system in blogger easily.</div>
<br />
<h3 style="background-color: #e3f0f2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQr0_tgGu1a5hRLgZX_AJg73I6WlwuSz2mFxlCp-KT2qVe9BkLPDqZinKqoiu-_78xVuGShEC5xzK8258TaU_O1MKTyRP1o2GCfu3qBokQtkq86Uq96QVPPYwdMjZw0pEURk5D4Zha1MOJ/s1600/note.png); background-position: 7px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(102, 204, 204); font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 26px !important; margin: 10px 0px; padding: 10px 10px 10px 45px;">
Advantages of using Facebook Comment System:</h3>
<br />
Facebook being most viral and used social network, it is one of the reason why you should opt for its comment system. Apart from this there are many other reason for you to choose it which are discussed below.<br />
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">When someone will reply to comments or like a comment, then Facebook sends notification which makes user to participate more in conversation and thus building a greater community around your blog.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">If a visitor is not on Facebook, or not logged in and wants to comment, he can easily do so by using his other Id including yahoo etc which was not there in Google plus commenting system.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Well you might be thinking about spammers, well for that Facebook automatically treat that spammers with captcha code without affecting any other comments.</li>
</ul>
<h3 style="background-color: #e3f0f2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQr0_tgGu1a5hRLgZX_AJg73I6WlwuSz2mFxlCp-KT2qVe9BkLPDqZinKqoiu-_78xVuGShEC5xzK8258TaU_O1MKTyRP1o2GCfu3qBokQtkq86Uq96QVPPYwdMjZw0pEURk5D4Zha1MOJ/s1600/note.png); background-position: 7px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(102, 204, 204); font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 26px !important; margin: 10px 0px; padding: 10px 10px 10px 45px;">
Disadvantage of using Facebook Comment System:</h3>
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">One of the big disadvantage of using Facebook comments system in blogger is that the content in comment would not add an additional value to search engine and will not be indexed. </li>
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Therefore if you got large number of comments, then I would not recommend you to use it as it might get in loss as comment content will not be index, but if your blog doesn't get comments then it would be beneficial as more number of uses can participate easily.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Other disadvantage is that the Facebook scripting may not load sometimes due to server errors or connectivity errors which may be inconvenient for your readers who wants to comments.</li>
</ul>
<h3 style="background-color: #e3f0f2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQr0_tgGu1a5hRLgZX_AJg73I6WlwuSz2mFxlCp-KT2qVe9BkLPDqZinKqoiu-_78xVuGShEC5xzK8258TaU_O1MKTyRP1o2GCfu3qBokQtkq86Uq96QVPPYwdMjZw0pEURk5D4Zha1MOJ/s1600/note.png); background-position: 7px 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(102, 204, 204); font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 26px !important; margin: 10px 0px; padding: 10px 10px 10px 45px;">
How to Add Facebook Comments in Blogger:</h3>
<br />
<h4 style="background-color: rgb(0, 68, 137) !important; border: 2px dashed rgb(255, 255, 255); color: rgb(252, 252, 252) !important; font-family: bebasregular, 'Yanone Kaffeesatz', sans-serif; font-size: 24px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px;">
1. Creating Application on Facebook:</h4>
Initially you need to do is to create an App ID on Facebook and that can be done easily by Facebook Developer.<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Login to your Facebook account</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">And go to<a href="https://developers.facebook.com/apps" rel="nofollow" style="color: #4908d3; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Facebook Developers</a> website</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Click on Create New App button.</li>
</ul>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3smElDy22zV4Shz8eCCRDbaF1n47JhNgVpCKZ2ckqvHOnwd5piw_FzE307uKkbGjmaWtnGS0LscuAoLBAxtuDqLwXsKo1QKchkNrdvjq2qaCXm8Y92UEsuH1h3vnlvnnNjfuyuV87dGQ/s1600/Capture.PNG" imageanchor="1" style="color: #4908d3; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none;"><img alt="Capture" border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3smElDy22zV4Shz8eCCRDbaF1n47JhNgVpCKZ2ckqvHOnwd5piw_FzE307uKkbGjmaWtnGS0LscuAoLBAxtuDqLwXsKo1QKchkNrdvjq2qaCXm8Y92UEsuH1h3vnlvnnNjfuyuV87dGQ/s1600/Capture.PNG" style="border: none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" title="Capture" width="640" /></a><br />
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">A Small pop out will appear which would ask you to insert little information about your application.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Write the App name and press the continue button.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Now you in next page it would provide you your application details like App ID, App name and etc.</li>
</ul>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2WYw61M5SK6Y2aEaUVq2aHvVHSQerBT8coWPzrxkl8xd57KYl7MI_GBONOXPqNdrFCUL1FEmvz1WHCVMENZ79Iv6JXRqE4eG7j0t2Yio2A31B1wsltTwclFFLPHYLk_xMpzgk4jHtXfM/s1600/m.PNG" imageanchor="1" style="color: #4908d3; margin: 0px 1em; padding: 0px; text-align: center; text-decoration: none;"><img alt="m" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2WYw61M5SK6Y2aEaUVq2aHvVHSQerBT8coWPzrxkl8xd57KYl7MI_GBONOXPqNdrFCUL1FEmvz1WHCVMENZ79Iv6JXRqE4eG7j0t2Yio2A31B1wsltTwclFFLPHYLk_xMpzgk4jHtXfM/s1600/m.PNG" style="border: none; height: auto; margin: 0px; max-width: 100%; padding: 0px;" title="m" /></a><br />
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">You need to copy these keys and enter them later.</li>
</ul>
<h4 style="background-color: rgb(0, 68, 137) !important; border: 2px dashed rgb(255, 255, 255); color: rgb(252, 252, 252) !important; font-family: bebasregular, 'Yanone Kaffeesatz', sans-serif; font-size: 24px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px;">
2: Installing Facebook Comments in Blogger:</h4>
<br />
This part contains adding code to blogger.<br />
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Login into your Blogger account.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">From dashboard go to Template >> Edit HTML and search for the following HTML. Make sure to backup your template first.This code is usually present at the first lines of your template’s code.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #ffffa0; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(229, 229, 151); margin: 0px; padding: 10px;">
<html ...... xmlns:expr='http://www.google.com/2005/gml/expr'></blockquote>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Now just next to the highlighted code (as shown above) add xmlns:og='http://ogp.me/ns#'.</li>
</ul>
it would somewhat look like this.</div>
<div dir="ltr" style="margin: 0px; padding: 0px;" trbidi="on">
<br />
<blockquote class="tr_bq" style="background-color: #ffffa0; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(229, 229, 151); margin: 0px; padding: 10px;">
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'></blockquote>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Now search for the <body> Tag.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Just below it paste the following code. Make sure to replace the YOUR_APP_ID with your Facebook application id.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #ffffa0; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(229, 229, 151); margin: 0px; padding: 10px;">
<div id="fb-root"></div><br />
<br />
<script><br />
<br />
window.fbAsyncInit = function() {<br />
<br />
FB.init({<br />
<br />
appId : 'YOUR_APP_ID',<br />
<br />
status : true, // check login status<br />
<br />
cookie : true, // enable cookies to allow the server to access the session<br />
<br />
xfbml : true // parse XFBML<br />
<br />
});<br />
<br />
};<br />
<br />
(function() {<br />
<br />
var e = document.createElement('script');<br />
<br />
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';<br />
<br />
e.async = true;<br />
<br />
document.getElementById('fb-root').appendChild(e);<br />
<br />
}());<br />
<br />
</script> </blockquote>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Now search for </head> and just above it paste the following code. Make sure to replace the YOUR_APP_ID with your Facebook application id.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #ffffa0; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(229, 229, 151); margin: 0px; padding: 10px;">
<meta property="fb:app_id" content="YOUR_APP_ID" /></blockquote>
<h4 style="background-color: rgb(0, 68, 137) !important; border: 2px dashed rgb(255, 255, 255); color: rgb(252, 252, 252) !important; font-family: bebasregular, 'Yanone Kaffeesatz', sans-serif; font-size: 24px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px;">
3: Adding Facebook Comments in Blogger:</h4>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Last step is to implement Facebook Comments using the HTML Code.</li>
</ul>
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">In the template, search for <b:includable id='comment-form' var='post'> and just below it paste the following HTML Coding.</li>
</ul>
Incase, you are unable to find <b:includable id='comment-form' var='post'> then you can paste it just below <div class='post-footer-line post-footer-line-1'></div><br />
<br />
<ul style="margin: 0px 0px 0px 35px; padding: 10px 0px 20px;">
<li style="list-style-type: disc; margin: 0px; padding: 0px 0px 5px;">Make sure you repeat the process because there are more than 1 tags on you them.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #ffffa0; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(229, 229, 151); margin: 0px; padding: 10px;">
<b:if<br />
<br />
cond='data:blog.pageType == "item"'><br />
<br />
<div<br />
<br />
style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'><br />
<br />
<script<br />
<br />
src='http://connect.facebook.net/en_US/all.js#xfbml=1'<br />
<br />
/><br />
<br />
<div><br />
<br />
<fb:comments<br />
<br />
colorscheme='light'<br />
<br />
expr:href='data:post.url'<br />
<br />
expr:title='data:post.title'<br />
<br />
expr:xid='data:post.id'<br />
<br />
width='550'<br />
<br />
/><br />
<br />
</div><br />
<br />
</div><br />
<br />
</b:if></blockquote>
<br />
That’s it You have successfully added Facebook Comments in blogger blog. You can also preview your posts to see everything is working in an order or not. Please share your views if you are using Facebook comments in your blog in the comments below and if you face any problem while implementing above code you can ask for the help in the comments below.</div>
</div>
</div>

How to Add Facebook Comments System in Blogger

Previously we had shared about to add Google plus commenting system in blogger as Google plus is also heading towards becoming a po...

Google Drops Authorship From Search Results

How to Add Facebook Comments System in Blogger

[Gallery][gallery1][recent][10]

Popular Posts

Blog Archive