afkjbdc;podo;wehf;[
lnkbc;we
Edit Blogger Template:
Now lets edit your Blogger Template to integrate the Facebook Comment Box. Backup your template before you make any changes. I have used the Default Blogger Template as an example.
- Go to your Blogger Dashboard.
- Go to Design > Edit HTML
- Tick Expand Widget Templates above large text-box.
- Include this open graph meta tag within the head tag (see image).
1 | <meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/> |
Replace {YOUR_APPLICATION_ID} with the App ID/API Key of your Comment Box Application.
- To moderate, you need to list yourself as an admin. Include this open graph meta tag within the head tag (see image).
1 | <meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/> |
- Replace {YOUR_FACEBOOK_USER_ID} with your Facebook ID. To add multiple moderators, separate the uids by comma without spaces.
- Replace the following highlighted terms according to your blog. Place them within the head tag.
1 | <meta content='{ SITE NAME }' property='og:site_name'/> |
2 | <meta content='{ SITE IMAGE }' property='og:image'/> |
3 | <meta content='article' property='og:type'/> |
- Now, comes placing of the Comment Box. Lets place it right below the Social sharing buttons.
- Search for the term in the code snippet below: ( If this term isn’t present, make sure your have checked “Expand Widget Templates” )
1 | <body expr:class='"loading" + data:blog.mobileClass'> |
- Place the below code right after the above term: (see image)