Thursday, June 23, 2011

Add Banckle Live Chat to Blogger



Banckle Live Chat being one of the easiest way to get yourself closer to your blog visitors, enables you to keep track of your blog visitors, monitor their activity and learn usage patterns and much much more. Even a simple Youtube search can show the exciting features. A super-positive point is that it is very easy to use.

How I got into it?

My job is to integrate Banckle Apps with other platforms to bring better collaboration experience for everyone. When I was told to integrate Banckle Live Chat with Blogger. I got very motivated about it, and  specially aboutGoogle Gadgets. They looked so promising and the XML format was very easy to learn. Eventually, I wrote my first Google Gadget, wrote some JavaScript code into it that would load Banckle Live Chat and added to my blogger.
Ah! Sometimes things are not so easy as they look to be at the first glance. Blogger loaded my widgets into a small HTML IFRAME. It was a serious issue because all Google Gadgets are loaded viagoogleusercontent.com domain that introduced cross-domain IFrame-JavaScript problem with blogger.comdomain unlike Facebook, where all Apps are loaded from apps.facebook.com, that does not conflict withfacebook.com.

Steps to integrate Banckle Live Chat with Blogger

So, due to the problem i mentioned above, I threw away Google Gadget and used another easy technique. The integration process is very easy. You just need a blogger account and Banckle Live Chat Deployment Widget code. Just follow the below steps:

Step 1: Getting the Deployment Widget code

For information about how to copy the Banckle Live Chat Widget Code please go through Getting the Deployment Widget HTML Code documentation topic.

Step 2: Login to Blogger

Visit blogger.com and login with your Blogger account.

Step 3: Edit your Blogger Template

After you login using your blogger account, you will see Blogger Dashboard. Here you can manage all of your blog posts and the design of your blogs. On the right side of your dashboard under heading Manage Blogs, click the Design link as shown in the following screen shot:
You are on the Add and Arrange Page Elements page. Click on the Edit HTML link as shown in below screen shot:

Step 4: Paste the code

Scroll down to the end of the Edit Template text area and find a code </html>. You need to paste the Banckle Live Chat Deployment Widget Code right before </html> code. See below screen shot for help:

Step 5: Save Template

Click the Save Template button below the code editor and you are done.
Enjoy using Banckle Live Chat for Free, and stay in touch.

8 comments:

  1. may be u miss the link or html code.and pls try to do compertable the browsing.

    ReplyDelete
  2. I dont miss any link or HTML code.You can get your code by reg in banckle web site.they serve code according your web site.

    At first go to this link:http://banckle.com/wiki/display/admindoc/getting-the-deployment-widget-html-code.html

    ReplyDelete
  3. You aren't a Pro blogger.Your single post don't pass copyscape!!

    ReplyDelete
  4. I did not copy the post. I just refering my visitor to that site.Understand

    ReplyDelete
  5. I copied those content which was not copyright protected.Clear??

    ReplyDelete
  6. Who wrote this blog? Do you work for Banckle or a 3rd party. Would be interested in chatting if you are familiar with banckle. please email michael {at} chatand.com

    ReplyDelete
  7. I just have to introduce this hacker that I have been working with him on getting my credit score been boosted across the Equifax, TransUnion and Experian report. He made a lot of good changes on my credit report by erasing all the past eviction, bad collections and DUI off my credit report history and also increased my FICO score above 876 across my three credit bureaus report you can contact him for all kind of hacks . Email him here support@wavedrive.tech go on their website wavedrive.tech for more details,Whatsapp No:+14106350697 if you want to chat them up,One thing i can assure you would not regret this at all he is 100% legit

    ReplyDelete