How To Update Your Facebook Status Through Your Blog Without Stress

If you're my Friend on Facebook, you would have noticed that most of my Facebook updates are now tagged with "Via 9jabliz". If anyone clicks on the "Via 9jabliz" link in the News Feed, it takes the person directly to 9jabliz.blogspot.com.ng

Well, Facebook Feed Dialog makes this possible. You can also be posting to Facebook with "Via your blog name". It's so easy.


For you to create such for your site, you will need the Facebook application ID of the site. You will have to include it in the Feed Dialog URL which you will have to create for this purpose.

How To Generate Facebook Feed Dialog URL

 

==> Edit the code below with your appID.

https://www.facebook.com/dialog/feed?
  app_id=150436614997987
  &display=page
  &redirect_uri=http://www.facebook.com

You can also replace the www.facebook.com with a link to your site. Not compulsory to change the Facebook Feed dialog redirect_uri though. If you leave it as it is, then you will be redirected to Facebook.com after updating your status.

==> Copy and paste in your browser address bar. Hit the "Enter" or "OK" button.

You should see something like this:



Type whatever you want to post to Facebook and click "Share".

That's all.

In the Facebook News Feed, it will appear like this:
 

On your Facebook Timeline, it will appear like this:


Bookmark the Feed Dialog URL so you won't have to be typing it every time.You can use CTRL D to do this on PC.Your mobile browser will also have an option for such.

If you have an iPad, once the URL opens in your browser, go to the browser options and tap the "Add to Home Screen". This will create a shortcut on your iPad which you can always tap whenever you want to post to Facebook.

Try it and let me know if it works for you.

Please, SHARE this with your friends.
 
Have fun! 

Read more ...

How to Make Every Post on Blogger Have a Facebook Like Button

Adding a Facebook Like button to your Blogger website lets readers share your content with their Facebook friends. Clicking the Like button posts a link to your blog post on the visitor’s Facebook wall and news feed.

Blogger doesn’t offer a Facebook Like button widget, but you can add the Like feature to each blog post by pasting the Like button code into your blog’s template.

Step 1
Sign in to your Blogger account. Scroll to the blog to which you want to add the Facebook Like button in the lists of blogs displayed on the Blogger Dashboard page.

 

Step 2
Click the “Design” tab under the blog’s title. Click the “Edit HTML” tab in the Design submenu at the top of the Add and Arrange Page Elements page.

 

Step 3
Go to the “Edit Template” section. Click and enable the “Expand Widget Templates” check box to display your blog template’s complete HTML design code.

 

Step 4
Use CNTRL F and find the “<data:post.body/>” HTML code tag in the HTML input box.  Enter the code tag into the search box to quickly find the correct code.

 

Step 5
Paste the following Facebook Like button code snippet immediately before the “<data:post.body/>” tag: <b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

 

Step 6
Scroll to the bottom of the page, and then click “Save Template.” Blogger saves the edited template and adds the Facebook Like button to all blog posts.

Read more ...

Facebook Comment Form Not Working? Try This Solution for Blogspot Blogs

If you've been finding it difficult to integrate the Facebook comment box with your Blogger blog, sit back and relax as I guide you on how to add Facebook comments plugin to Blogspot blogs using HTML5.

For you to add the Facebook social plugin to your blog, you will need the Facebook Application ID of the blog. If you know the ID, copy it somewhere and if you don't know it you can check the Facebook apps page.

Next is to log in to your Blogger dashboard, back up your template and go to "Template" > "Edit HTML"

==> Click inside the HTML and use CTRL F to find : <body

==> Directly below it, paste <div id='fb-root'/> OR <div id="fb-root"></div>

==> Open a new tab on your browser and go to www.freehtmlparser.blogspot.com
==> Copy and paste the code below inside the box on the page

<script>(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/all.js#xfbml=1&appId=522587054526444";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

==> Carefully replace the highlighted appID with the ID of your blog
==> Click "Encode"

==> Go back to the browser tab where you have your blog HTML

==> Copy and Paste the encoded script directly below the  <div id='fb-root'/>

==> Now, your html should look similar to the screenshot below:

Click "Save Template"

==> Click inside the HTML and use CTRL F to find :

<div class='post-footer-line post-footer-line-3'>

 OR

<div class='post-footer-line post-footer-line-3'/>

 OR

<data:post.body/>

==> Directly below it, paste this code : 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='center'>
<img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFt-D-XfhXNQJq7-NMGCUQVDbolkv5SoRbPYEda9A6Iy98tp6QLQRNi68ZrHhGMHxK_kfjp9hVFRmb7lFd7zJxnnf1ULoZCooNGCwzn-SbQFe_ZrHvsStF_7OtS-0ReoVJvGGdCAps3ljR/s1600/cmds.png'/> </p>
<div style='text-align: center;'>
<div class="fb-comments" expr:href='data:post.url' data-width="100%" data-numposts="10" data-colorscheme="light"></div></div>
</b:if>

==> Click "Save Template"

That's all.

Check out the desktop view (not Mobile View) of any post on your blog and you should see the comment form below the post.

Please, let me know if it works for you.

Also use the comment form to let me know if you face some challenges.

Please, SHARE this with friends.

Cheers!

Read more ...