HERE ARE THE FINAL AND SIMPLE STEPS TO INTEGRATE A FACEBOOK COMMENT PLUGIN ON YOUR SITE! for blog & website owners

September 17, 2016 @TrendsOfLegndsTeam News 0


HERE ARE THE FINAL AND SIMPLE STEPS TO INTEGRATE A FACEBOOK COMMENT PLUGIN ON YOUR SITE! for blog & website owners 1

THANKS FOR FOLLOWING UP THE LINK TO THIS POST; HERE IS THE LAST PLACE SO LONG THIS TUTORIAL IS CONCERNED. THERE IS NOTHING AGAIN TO DO AT ANY SITE, NO GENERATION OF ANYTHING AGAIN. ALL THE WORKS TO BE DONE WOULD BE ON YOUR BLOG’S POST-EDITOR [THAT IS WHERE YOU EDIT POST TO BE PUBLISHED]. HOPE YOUR GENERATED FACEBOOK APP-ID IS INTACT? GOOD! SPECIAL THANKS AND GRATITUDE TO Masterdevil Rishabh WHO REALLY TOOK TIME TO BE GIVING ME DIRECTIONS ON WHAT AND WHAT TO DO TO MAKE MY AIM POSSIBLE.

PLEASE, BEFORE YOU PROCEED WITH THIS TUTORIAL, I ADVISE YOU TO START FROM THE PART-1 OF THIS TUTORIAL BY CLICKING HERE.

OKAY, LET’S GO NOW…
BELOW ARE WHAT YOU SHOULD BE DOING WHENEVER YOU ARE EDITING A POST YOU WANT TO GIVE A SPECIFIC FACEBOOK COMMENT PLUGIN; IT’S SO SIMPLE AND YOU ARE THE ONE TO BE MAKING THE CHOICE. YOU CAN ALWAYS GO BACK TO PUT THE FB COMMENT PLUG EVEN IF YOU FORGET TO DO AT THE FIRST TIME YOU ARE ABOUT TO PUBLISH A POST ON YOUR SITE.

HAVE YOU SEEN THE OF THIS TUTORIAL? IF NO, THEN FOLLOW THIS LINK BELOW:
http://www.trendsoflegends.com/2016/09/the-simplest-steps-on-how-to-integrate.html

ALWAYS MAKE SURE TO BE INCLUDING THE SNIPPETS WHEN EDITING POST [IN HTML MODE] AND THEN CHANGE THE URL FROM “THE SITE’S URL” TO “THE URL OF THE POST“. I AM GOING TO TELL YOU (1) HOW TO PUT THE BLOGGER POST-EDITOR IN <HTML MODE> AND (2) HOW TO GET THE LINK OF THE POST YOU’RE ABOUT TO PUBLISH WHILE ON THE PAGE YOU ARE EDITING YOUR POST.

1) HOW TO PUT THE BLOGGER POST-EDITOR IN <HTML MODE>:
WHENEVER YOU OPEN THE BLOG EDITOR, THERE IS A TAB @ THE TOP LEFT OF THE FORMATTING BAR OF THE BLOGGER EDITOR WINDOW. THE TAB HAS TWO BUTTONS <COMPOSE><HTML> HOPE YOU HAVE SEEN THEM? GOOD.


BEFORE YOU PASTE THE CODE BELOW AFTER COPYING IT FROM THE PLACE [NOTEPAD OR MSWORD DOCUMENT] WHERE YOU SAVED IT, MAKE SURE THAT THE POST EDITING WINDOW IS IN HTML MODE WHICH YOU ACTIVATE BY CLICKING ON THE BUTTON WHICH I DESCRIBED ABOVE. JUST PASTE THE SNIPPET @ THE BOTTOM-MOST LINE OF YOUR POST TO BE PUBLISH [MAKE SURE THE EDITOR IS IN <HTML MODE> AND DON’T MIND THE NATURE OF OTHER WORDS THAT ARE PART OF THE POST: THEY WOULD BE IN PROGRAMMING CODES.

HERE ARE THE FINAL AND SIMPLE STEPS TO INTEGRATE A FACEBOOK COMMENT PLUGIN ON YOUR SITE! for blog & website owners 2
This page in HTML MODE [the HTML is @ the top of the text area]

SEE THE MENU WHERE YOU’LL SEE <LINKS> AND <PERMALINK> AND THE URL TO BE USED.


BELOW IS WHAT I DID: I ATTACH THE BELOW SNIPPET TO THE LAST LINE OF EACH POST:

<div id=”fb-root”></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script><div class=”fb-comments” data-href=”EACH-POST-URL” data-width=”450″ data-numposts=”5″></div>
NOTE=> the words in red are to be substituted with the apt details which are your FB APP-ID and the URL of the post you are about to publish. REPLACE ONLY THE WORDS, DON’T REMOVE THE INVERTED COMMAS <…”…> JUST REMOVE THE WORDS FACEBOOK-APP-ID AND EACH-POST-URL WITHOUT REMOVING THE INVERTED COMMAS. GOOD.

SEE BELOW STEPS ON HOW TO GET THE URL OF THE POST YOU ARE ABOUT TO PUBLISH.



2) HOW TO GET THE LINK OF THE POST YOU’RE ABOUT TO PUBLISH WHILE ON THE PAGE YOU ARE EDITING YOUR POST:


You don’t have to publish your post and visit to grab the URL of the post. Just follow these simple steps.

Make a new post [you know how to do that already]
Give a title to your post [which you’re still editing].
Now click on ‘Link’ tab in the right side of the post editor, then under the heading ‘Permalink‘ you would see the URL of the post you are about to publish; copy the Link and paste it in the appropriate place in the snippet.

Permalink ?
http://www.trendsoflegends.com/2016/09/here-are-final-and-simple-steps-to.html
 Automatic Permalink 
 Custom Permalink 
There you will find your post URL. The link in the above description is the permalink for this particular Tutorial Post.
BELOW IS WHAT I DID FOR THIS PARTICULAR POST: MIND YOU, I ATTACHED THE BELOW SNIPPET TO THE LAST LINE OF THIS PARTICULAR TUTORIAL POST:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script><div class=”fb-comments” data-href=”http://www.trendsoflegends.com/2016/09/here-are-final-and-simple-steps-to.html” data-width=”450″ data-numposts=”5″></div>
MIND YOU, the words in red are to be substituted with the apt details.
THAT IS: 

FACEBOOK-APP-ID became 325474267803796

EACH-POST-URL became http://www.trendsoflegends.com/2016/09/here-are-final-and-simple-steps-to.html

Trending Now :  Projects To Expect In January 2023

WITH THE ABOVE CODE/SNIPPET PASTED IN THE LAST LINE OF THIS POST WHILE THE POST EDITOR WAS IN <HTML MODE> BEFORE THE POST WAS PUBLISHED, ANY COMMENTS MADE ON THIS POST CANNOT APPEAR ON ANY OTHER POSTS. THE URL OF THIS POST USED IN THE SNIPPET MAKE THE COMMENTS SPECIFIC FOR THIS POST.

THEREFORE, IF YOU FOLLOW THE SAME PROCEDURES AS DESCRIBED; WITH THE ABOVE CODE OR SNIPPET [HAVING REPLACED THE THINGS TO BE REPLACED], ANY COMMENTS MADE ON THE POST IT’S ATTACHED TO WON’T APPEAR IN OTHER POSTS. TO MAKE THIS POSSIBLE AND EASIER FOR YOU, YOU HAVE TO SAVE THE [RAW OR UNEDITED] SNIPPET IN A NOTEPAD SO THAT YOU CAN COPY IT AND PASTE WHEN EDITING AN UPDATE AND REPLACING FACEBOOK-APP-ID WITH YOUR GENERATED FACEBOOK APP-ID AND EACH-POST-URL WITH THE URL OF THE POST YOU’RE EDITING [GOTTEN FROM PERMALINK]. [YOU DO THIS IN THE BLOGGER POST EDITING WINDOW, AND NOT IN YOUR BLOG HTML PAGE]. THIS WORKS PERFECTLY.
ONCE MORE, SPECIAL THANKS TO Masterdevil Rishabh FOR HIS STEPS, THEY GAVE ME INSIGHTS TO DO SOMETHING NEW AND BETTER ON MY BLOG.
TO CONFIRM WHAT THE METHODS I USE DO, SEE THE BELOW LINKS; EACH OF THEM IS A LINK TO DIFFERENT UPDATE… WHEN YOU VISIT ONE, TRY COMMENT, THEN VISIT ANOTHER ONE AND COMMENTS AND WATCH THAT EACH OF YOUR COMMENTS WOULD BE ONLY ON TO THE POST FOR WHICH IT WAS MADE.
HOPE THIS TUTORIAL IS HELPFUL, DROP COMMENTS, ASK QUESTIONS, SHARE WITH OTHER BLOGGERS AND SITE OWNERS.

THANKS AND HOPE TO BRING MORE TUTORIALS ONCE I USE AND CONFIRM THEM EFFECTIVE.

WRITTEN BY=> The Inspirational Parrot

YOUR COMMENTS ARE THE FOOTPRINTS YOU’LL LEAVE ON THIS SITE AS A VISITOR!

Remember to bookmark this site and follow us by email to always get notifications. Thanks for coming today, remember to come tomorrow, and keep on coming. 

 OUR INSTAGRAM USERNAME=> “dinspirationalparrot“

THE INSPIRATIONAL
PARROT
Twitter Handle=> @DInspirationalP
Hash Tag=> #HearMeNaija
COURTESY OF #TEAM_TRENDSOFLEGENDS
SPECIAL THANKS TO #TEAM_UNIZIKMATA=> www.unizikmata.com.ng

USE THE COMMENT-BOX BELOW TO COMMENT ON
THIS PARTICULAR POST USING YOUR FACEBOOK ACCOUNT AND REMEMBER TO CHECK [OR
ACTIVATE] THE SMALL BOX THAT SAYS “ALSO POST ON FACEBOOK” TO SHARE
COMMENTS WITH YOUR FACEBOOK FRIENDS

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7&appId=172408109865919”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));

DO NOT HAVE FACEBOOK ACCOUNT? THEN USE
THE BLOGGER COMMENT BELOW: “Post a comment”

👇DOWNLOAD FREE NOW👇









Check Out These Posts:

About @TrendsOfLegndsTeam 20054 Articles
We inspire people with whatever we are destined to do in life. We're on twitter: @MusicParrot1 & on Facebook: @TrendsoflegendsBlog
Website Facebook Twitter Google+

Related Articles

Be the first to comment