May 29, 2015

How to add Kolkata Bloggers badge to your website.

Select the platform you use from below:

 

WordPress

 

Step 1

Login to your WordPress account, and open the WordPress administration panel/dashboard.

Step 2

Go to the Appearance section, and click on Widgets.

WordPress admin panel (Dashboard)

WordPress admin panel (Dashboard)

Step 3

Under the list of available widgets, select the Text widget. Choose the widget section in which you want to add the badge, and confirm.

Choose 'Text'

Choose ‘Text’

Step 4

Fill out the necessary fields as shown below:

Check below for the HTML code

Check below for the HTML code

HTML Code:

 

Step 5

Click on Save.

This is what should should appear in your specified widget section

This is what should should appear in your specified widget section




Google Bloggers

Step 1

Go to Blogger.com, and sign in if you’re not signed in to your Google account.

Step 2

Choose the blog which you filled up in our form, and find the button for writing a new post. Adjacent to it, is a drop down menu. Click on it and select Layout.

Select Layout from the drop down menu

Select Layout from the drop down menu

Step 3

When the Layout arrangement page opens, choose the section to which you want to add the badge, and find the Add a Gadget button in that section. Click on it.

Click on Add a gadget

Click on Add a gadget

Step 4

When the second window opens, find and select the HTML/JavaScript gadget.

The last but one gadget is the image gadget

Click on ‘HTML/JavaScript’

Step 5

Configure the fields as shown below:

Screenshot_2016-02-22-17-47-31_com.android.chrome

The ‘Title’ and the ‘Content’ fields must filled up in the manner shown here

HTML Code:

Paste/type in the link.

Click on Save.

Step 6

Click on Save Arrangement in the header to finish the process.

Click on Save Arrangement to finish the process

Save arrangement

The badge should now appear in your blog in the specified section.


Tumblr

Step 1

Go to your Tumblr dashboard, by going to tumblr.com, and signing in.

Following this, click on the pencil icon on the top right corner, and select Edit Appearance.

The Tumblr Dashboard

The Tumblr Dashboard

Step 2

When the editing page opens, click on Edit theme.

Edit appearance

Step 3

In the Description field in the left sidebar, enter the following text (copy and paste it):

HTML Code:

If you do wish to add anything else in the description section along with the badge, add it before or after the above code.

Paste the code in the description field

Paste the code in the description field



Most of our indexed bloggers use WordPress, Google Blogger or Tumblr.

In case you use a different platform, and is having difficulty adding the badge, inform us by messaging our Facebook Page, or email us at solutions@kolkatabloggers.com.

We’ll respond to you as soon as possible.