KickIt Badge for DotNetKicks.com

Depending on the technology behind your site there are a number of ways to create a DotNetKicks Badge. Below are some of the more common solutions.

Community Server

This plugin is designed to work with Community Server 5.0 by telligent.

  • Download and unizp the plug-in dll.
  • Drop DotNetKicks.Plugins.CommunityServer.dll in the \bin directory of your Community Server installation.
  • Add the following line to your communityserver.config under the <CSModules>/ section:

    <add name="DNKBadgeModule" type="DotNetKicks.Plugins.CommunityServer.Badge, DotNetKicks.Plugins.CommunityServer" />

Windows Live Writer

This is a plugin created for use in Windows Live Writer.

  • Install the 'DotNetKicks Windows Live Writer Plugin' at garage sale code page.
  • Select 'Insert Kick It Counter...' in the list of 'insertable items' in Windows Live Writer.

This will insert a code to your WordPress blog which is picked up by the WordPress plugin below and converted to a DotNetKicks badge for the article.

Thanks to Aaron Lerch

WordPress Plugin for Windows Live Writer

This is a WordPress plugin used in combination with the Windows Live Writer Plugin.

  • Install the Windows Live Writer plugin above.
  • Download and unzip the dotnetkicks.php file from garage sale code page
    (listed under "DotNetKicks Wordpress Plugin").
  • Upload dotnetkicks.php to your wp-content\plugins subfolder
  • Activate 'DotNetKicks Kick It Plugin' from your admin page.
Thanks to Aaron Lerch

WordPress Plugins

The following plugins can be used on their own to create a DotNetKicks badge for you WordPress blog posts.

DotNetKicks WordPress Plugin

This is the DotNetKicks.com supported plugin for WordPress.

  • Download and unzip dnk.php
  • Upload dnk.php to your wp-contents/plugins folder
  • Activate 'DotNetKicks'

Other WordPress Plugins

These plugins currently support the old version of the DotNetKicks badge that doesn't include the Kick count.  

Sociable Zyblog Edition by Tim Zylinski
  • Install and Activate the plugin
  • Click Settings / Sociable
  • Check DotNetKicks

obsocialbookmarker by Rajender Singh
  • Install and Activate the plugin
  • Click Settings / obsocialbookmark
  • Click 'General' and check a 'Place XXX' option
  • Click 'Select Bookmarks' and check 'DotNetKicks'

Bookmarkify by Gary Keorkunian
  • Install and Activate the plugin
  • Click Settings / Bookmarkify
  • Check DotNetKicks
  • Click Update Options
  • Note: make sure to Update Options after activating Bookmarkify or your posts may not be displayed.

The code to add a DotNetKicks Badge directly to a WordPress template is:

<a href="http://www.dotnetkicks.com/kick/?title=<?php echo urlencode(the_title()); ?>&url=<?php echo urlencode(get_permalink()); ?>"> <img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=<?php echo enchode(get_permalink()); ?>" border="0" alt="Kick It on DotNetKicks.com" /> </a>

Graffiti

This extension is designed to be used with Graffiti.

  • Download and unzip the extension dll.
  • Drop DotNetKicks.Plugins.Graffiti.dll in the \bin directory of your Graffiti installation.
  • Go to Control Panel » Presentation » Themes » Personalize » post.view
  • Add $Promote.DotNetKicks($post.Url, $post.Title) to the bottom
  • Save Changes

dasBlog

This is a plugin for dasBlog.

  • Navigate to your 'themes' directory
  • Open 'itemTemplate.blogtemplate' with a text editor
  • Paste the following HTML where you'd like the badge displayed
  • <a href="http://www.dotnetkicks.com/kick/?url=<%PermalinkUrl%>"> <img src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=<%PermalinkUrl%>" border="0" alt="Kick It on DotNetKicks.com" /> </a>

RSSBandit

An IBlogExtension plugin for RSS Bandit or any RSS Aggregator that supports the IBlogExtension plugin model.

  • Download and unzip the extension to your plugins directory.
    (For RSS Bandit the default is c:\Program Files\RssBandit\plugins)
  • Restart RSS Bandit
  • Right-Click on any feed item and select "DotNetKick This - Configure..."
  • Enter your DotNetKicks Username and Password
    (This will save your username and password in an xml file with the password heavily encrypted.
  • Click OK
  • Right-Click any story to submit it to DotNetKicks
    (If a story has already been submitted, the dialog fields will be grayed and you will only be allowed to kick it [note: the unkick function is not yet available])
Thanks to Phil Haack

FeedBurner

Use FeedFlare to add a DotNetKicks badge to your FeedBurner feeds.

  • Login to FeedBurner and click the Optimize tab.
  • Click FeedFlare on the left.
  • In 'Personal FeedFlare' enter the following next to the 'Add New Flare' button:
    http://static.dotnetkicks.com/tools/feedflare/kickitflare.xml
  • Click 'Add New Flare'.
  • Check the first box above next to 'Kick it'.
  • Click 'Activate' or 'Save' at the bottom of the page.

Javascript

If all else fails you can use the javascript method. It's recommended to use an above method if possible.

  • Create a DIV element where you want the badge.
  • Give the DIV an ID of 'postToolbar'
  • Include the below javascript in your page.
addLoadEvent(AddDotNetKicks);

function addLoadEvent(fn)
{
    if (window.addEventListener)
        window.addEventListener('load', fn, false)
    else if (window.attachEvent)
        window.attachEvent('onload', fn);
}

function AddDotNetKicks()
{
    var insertLocation = document.getElementById('postToolbar');
    if(insertLocation)
    {
        var currentPageUrl = document.location.protocol + "//" + document.location.host + document.location.pathname;
        var dotnetkicksLink = document.createElement('a');
        dotnetkicksLink.href = 'http://www.dotnetkicks.com/kick/?url=' + currentPageUrl;
        var dotnetkicksImg = document.createElement('IMG');
        dotnetkicksImg.src = 'http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=' + currentPageUrl;
        dotnetkicksImg.border = 0;
        dotnetkicksLink.appendChild(dotnetkicksImg);
        insertLocation.appendChild(dotnetkicksLink);
    }
}
Thanks to Jon Galloway

Manual

If you only need to create a few badges you can do so manually here.


Select the colors you'd like to use:

  • "Kick It" text
  • "Kick It" background
  • kick count text
  • kick count background
  • border

Enter the Url of the article:


Click to update the image and html:


Copy and paste this HTML into your blog post.

liveImage