Feedback forms in sections 
For some time, it is possible to integrate the feedback form on a Facebook Web page. Ditto on Blogger. Few lines of code and voila. Follow the guide.
As with all codes, there are several methods to install it.
The method I gave you, you will leave or not Blogger comment form.
Step 1: Collect information on Facebook
To begin, go to page
developers to create any application.
In Form:
• You specify a name
(for example the name of your blog)
• You mention the url of your blog
(http://NOMDEVOTREBLOG.blogspot.com/) • And
locate the application ID
Step 2: Edit the header code in your blog
Now go to the Editor HTML code for your blog and find the tag
\u0026lt;html ... . It is situated approximately
to the 2nd or 3rd line. (The contents of the tag depends on the model you use).
The code looks something like this:
\u0026lt;b html: version = '2 'class =' v2 'expr: dir =' data: Blog . languageDirection 'xmlns =' http://www.w3.org/1999/xhtml 'xmlns: b =' & http://www.google.com/2005/gml/b # 39; xmlns: data = 'http://www.google.com/2005/gml/data' xmlns: expr = 'http://www.google.com/2005/gml/expr'>
Once you have found, you just insert after
\u0026lt;html :
xmlns: fb = 'http://www.facebook.com/2008/fbml' What will give in our example:
\u0026lt;html xmlns : fb = & # 39; http://www.facebook.com/2008/fbml ' expr: dir =' data: blog.languageDirection 'xmlns =' http://www.w3. org/1999/xhtml ' xmlns: b = 'http://www.google.com/2005/gml/b' xmlns: data = '& # http://www.google.com/2005/gml/data 39; xmlns: expr = 'http://www.google.com/2005/gml/expr'>
Step 3: Create Meta Data
Also at the beginning of your code blog, you look for META tags
that look like this:
\u0026lt;meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
Just after you rajoutez:
\u0026lt;b:if cond='data:blog.pageType == "item"'>
\u0026lt;meta expr: content = 'data: blog.pageTitle 'property =' og: title '/>
\u0026lt;meta expr: content =' data: blog.url 'property =' og: url & # 39; />
\u0026lt;b:else/>
\u0026lt;meta expr:content='data:blog.title' property='og:title'/>
\u0026lt;meta expr: content = 'data: blog.homepageUrl' property = 'og: url' />
\u0026lt;/ b: if>
\u0026lt;meta content = 'NAME OF YOUR BLOG ' property = 'og : site_name '/>
\u0026lt;meta content=' ID APPLICATION ' property='fb:app_id'/>
\u0026lt;meta content = ' ; FACEBOOK PROFILE ID 'property =' fb: admins' />
\u0026lt;meta content = 'article' property = 'og: type' ; />
You replace:
•
NAME OF YOUR BLOG by the name of your blog. •
ID APPLICATION by the identification number of the FB application that you created (see step 1).
• FACEBOOK PROFILE ID
by the identification number of your Facebook profile.
and finally, you back up your model.
Step 4: Create a section includable
So far we have set the parameters of that famous form. Now we will insert the code to display it at the foot of each article.
For that, we'll create a section
includable in widget
blog. We call it
fbcomments .
Expand widget template and find this line:
\u0026lt;b: widget id = 'blog1' locked = 'true' title = 'blog posts' , type = 'Blog'>
Just below, you copy this code:
\u0026lt;b: includable id = 'fbcomments' var =' post & # 39;>
<b:if cond='data:post.allowComments'>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' ID DE L APPLICATION ',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol '//connect.facebook.net/fr_FR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width=' 380 '/>
</b:if>
</b:includable>
In this code, you replace
Application ID by the identification number of the application. You change the value
380 by the width of the column of your articles (in pixels).
Step 5: Create a reminder of the include section
is the last step (phew!).
After creating the includable section
we named
fbcomments must have created this recall. Looking
these lines:
\u0026lt;div class='post-outer'>
\u0026lt;b:include data='post' name='post'/>
\u0026lt;b: if cond = 'data: blog.pageType == & quot; " static_page '>
\u0026lt;b:include data='post' name='comments'/>
\u0026lt;/ b: if>
\u0026lt;b:if cond='data:blog.pageType == "item"'>
\u0026lt;b: include data = 'post' name = 'comments' />
\u0026lt;/ b: if>
\u0026lt;/ div>
If you want to conserve space comments Blogger, replace the code:
\u0026lt; ; div class = 'post-outer'>
\u0026lt;b:includable data='post' name='post'/>
\u0026lt;b: if cond = 'data: blog.pageType == " " static_page'>
\u0026lt;b: include data = 'post' name = 'fbcomments' />
\u0026lt;b: include data = 'post' name = 'comments' />
\u0026lt;/ b: if>
\u0026lt;b:if cond='data:blog.pageType == "item"'>
\u0026lt;b: include data = 'post' name = 'fbcomments' />
\u0026lt;b: include data = 'post' name = 'comments' ; />
\u0026lt;/ b: if>
\u0026lt;/ div>
If you do not want to keep the space of Blogger comments, use this code as:
\u0026lt;div class = 'post-outer & # 39;>
\u0026lt;b:includable data='post' name='post'/>
\u0026lt;b: if cond = 'data: blog. pageType == " " static_page '>
\u0026lt;b:includable data='post' name='fbcomments'/>
\u0026lt;/ b: if>
\u0026lt;b:if cond='data:blog.pageType == "item"'>
\u0026lt;b: include data = 'post' name = 'fbcomments' />
\u0026lt;/ b: if>
\u0026lt;/ div>
To find your way, I set bold lines represent the point of the section
fbcomments . You can move at your convenience. You
Save and then take the time to admire your work. : D
You can see a demonstration of this trick:
• On all pages Log Blog .
You knew what it was before you, Paris? Exposure 
Until February 24, 2011 
top of each page of the index, is a framework called 
It s does not act for a new widget, but a redesign of the widget "A list of links" that we will turn into a media player that will read a list of videos. 
For some time, it is possible to integrate the feedback form on a Facebook Web page. Ditto on Blogger. Few lines of code and voila. Follow the guide. 
Allowing quickly visualize the categories of a blog and access, this widget can offer much more than a list. 
Most proposed by Blogger widgets are modified from the html editor of your dashboard. 
