Add Social Bookmarking Links To Your Blog

I set out early today to add a few social bookmarking links to my blog, but then decided that I'd take this task one step further and create an extension for BlogEngine.NET.  I also created a generic version that will allow you to plug this code (via a UserControl) into your blog as long as you have control over the source code.  The extension is very configurable and allows you to choose between several different ways to display them.  The image included in the full post shows an example of each of the display types.  Another nice feature with the extension is that you can decide which links to display and the order they appear - all which can be configured with the new Extension Manager featured in version 1.3.  All images are obviously included in the download.

[Images Provided by FastIcon]

Display Styles
 imgPreviewSocialBookmarks

Extension Settings
 imgSocialBookmarksSettings

SocialBookmarks Extension.zip (91.86 kb)
SocialBookmarks (Generic).zip (90.63 kb)

Installation Steps for the BlogEngine.NET Extension

  1. Add the SocialBookmarks.cs file to your App_Code/Extensions directory
  2. Add the SocialBookmarks Image Directory to your website
    Note: You can place this directory anywhere in your website, however you must leave the "circle" and "square" directories inside of the "socialbookmarks" directory for the paths to properly map.  You can configure the path to the "socialbookmarks" image directory in the extension settings.
  3. Done!  Check out your blog and see your changes. =]

Installation Steps for the Generic Version

  1. Copy/Move the "SocialBookmarks" folder into your images directory
  2. Copy/Move the "socialbookmarks.ascx" user control into your project
  3. Copy the code from the "Add to Post File.txt" file into your project (Configure the "src" property)
  4. Configure the 3 values in your "socialbookmarks.ascx" file (Image Path, Website URL, Post Title)
  5. Done!  Check out your blog and see your changes. =]

Kick It!

  • Permanent link to this post Permalink 
  • Share this post! Share It! 
  • View this post's comments Comments (29) 
  • RSS Feed for this post's comments Comment RSS
  •    


Comments

Posted on 01.16.2008 00:59 AM #

Jesse Foster | jf26028

Jesse Foster | jf26028 us
Looks good. Cant wait to give it a try.

Jesse Foster | jf26028

Posted on 01.16.2008 07:37 AM #

Danny

Danny us
Note: I did not include the DotNetKicks button in this release since there is already an extension that puts that link directly into your blogposts over at Flawlesscode (www.flawlesscode.com/post.aspx).

Posted on 01.16.2008 11:18 AM #

Brett Gardner

Brett Gardner us
Great work, once again man. I can't wait to include this in future projects.

Posted on 01.16.2008 15:50 PM #

René Kuss

René Kuss de
Very good. I'll try it asap Smile

Posted on 01.17.2008 08:17 AM #

René Kuss

René Kuss de
If found a little bug, but it isn't yours. IE6 has a problem to render png 24 bit images with transparency. The background isn't shown transparent like you can see in this screenshot browsershots.org/.../...60f936c9eace645ca1c12b.png

Just save the images as png 8 bit and ie6 users are happy too Smile

Posted on 01.17.2008 10:21 AM #

Danny

Danny us
@René - Thanks for the update on the incompatibility with IE6. I'll update the images today and update the download link.

Posted on 01.17.2008 14:28 PM #

pingback

virtual-generations.com
Pingback from virtual-generations.com

SharePoint Link Love: 01-17-2008 at Virtual Generations

Posted on 01.18.2008 01:26 AM #

Jesse Foster | jf26028

Jesse Foster | jf26028 us
I finally got a few minutes to install it on my blog. It works great. The only suggestion I have, and I dont even know if its possible, but to enable the reddit submission to go to the programming subreddit section, instead of the main section. Other than that, it was easy to install, and everything seems to be working quite well. Thanks for taking the time.

Jesse Foster | jf26028

Posted on 01.18.2008 15:32 PM #

Danny

Danny us
@Jesse - Thanks for the feedback. I'm glad you are liking the extension. Keep an eye out for my resource center which will be out soon!

As far as your reddit submission suggestions...you cannot specify the "subreddit" section via the query string. More details can be found at http://reddit.com/help/submitting.

Posted on 02.4.2008 16:55 PM #

pingback

thomasfreudenberg.com
Pingback from thomasfreudenberg.com

Sharing Extension for Graffiti - Thomas Freudenberg

Posted on 02.9.2008 18:02 PM #

pingback

tumelty.com
Pingback from tumelty.com

toolbox

Posted on 02.15.2008 07:42 AM #

Stefan

Stefan se
Great extension!
Using it on my blog!

Posted on 02.21.2008 20:06 PM #

pingback

robinsonweb.org.uk
Pingback from robinsonweb.org.uk

Robinsonweb has moved again

Posted on 02.23.2008 01:02 AM #

ck

ck us
Great job! Found a bug though.

The "Image Path" section says to leave it blank if it is on the root, but if you leave it blank it throws an error!

Will give you a post bragging about your extension some time tomorrow (err... today).

Posted on 02.23.2008 18:17 PM #

Ian Suttle

Ian Suttle us
@ck - I ran into the same. I used "/" and had no troubles though.

Posted on 02.23.2008 19:15 PM #

ck

ck us
Yeah, thats what I did to fix it as well.

Posted on 02.24.2008 18:04 PM #

Danny

Danny us
@ck/Ian - Thanks for alerting me to that bug. I have fixed that issue and uploaded the new version.

Example Path Settings: /themes/mytheme/images

Posted on 02.27.2008 12:37 PM #

Ellias McMunny

Ellias McMunny us
very nice info. I also use a bookmarking link widget. but i prefer Sharethis for its simplicity and space usage. and actually i wrote a review for it on my newest post today.

mcmunny.blogspot.com/.../...-bookmark-plugins.html

Though, your have way better look. Smile

Anyway, Thanx dude..

Posted on 03.11.2008 00:07 AM #

Spoiled Techie

Spoiled Techie us
Danny,

I went ahead and upgraded your social bookmarks a big bit and posted the upgrade to my blog. I hope you enjoy the upgrade as much as I do.

www.spoiledtechie.com/.../...dotnetblogengine.aspx

Posted on 03.11.2008 09:06 AM #

Danny

Danny us
@Spoiled Techie,
Thanks for the update! I took a look at the changes you made - good ideas. I actually thought about doing that myself, however I wanted a more fluid UI experience so I left that static icons as part of the extension. I can definitely see the value added with counts easily displayed though.

Cheers!

Posted on 03.14.2008 02:07 AM #

Garry McGlennon

Garry McGlennon us
Thanks for the Extension - though I preferred if the extension just added it at the end of each post each time (ie not just for new posts). If you've got a few (ok I don't) then you'd have to go back and edit all your previous posts (maybe you don't want those kicked anyway?). Anyway, modified it to suit... thanks for the post...

Posted on 03.19.2008 10:41 AM #

91smw

91smw cn
very nice info. I also use a bookmarking link widget. but i prefer Sharethis for its simplicity and space usage. and actually i wrote a review for it on my newest post today.

Posted on 03.19.2008 20:24 PM #

Jay Borseth

Jay Borseth us
Just a note that if you're embedding the BookMarks.ascx in a MasterPage, you'll need to add a ResolveClientUrl() to make valid image links:

strImagePath = "~/images/SocialBookmarks/Square/";
...
<%= strDiggLink %><img src="<%=ResolveClientUrl(strImagePath) %>digg_<%=ImageSize.ToString() %>.png" style="border: 0;" alt="Add to Digg" /></a>

Posted on 04.4.2008 12:56 PM #

Mehfuz Hossain

Mehfuz Hossain
Didnt noticed it earlier , but really cool!!!

Posted on 04.20.2008 17:10 PM #

srr

srr gb
Silly question but what do I need to put in the strWebsiteURL and strPostTitle sections?

Posted on 04.20.2008 19:15 PM #

Danny

Danny us
@srr - are you trying to alter the extension code or just use what I built? If you are just using what I built you will not need to mess with the code at all, just the extension settings.

Posted on 04.21.2008 11:38 AM #

srr

srr gb
I am using the "Generic Version" and step 4 says to Configure the 3 values i.e. Image Path, Website URL and Post Title. I have done the image path but I am not sure what should go in the other two.

I would have used the extension version but I couldn't work out how to change the placement of the bookmarks.

Thanks in advance.

Posted on 04.21.2008 14:04 PM #

Jason Bridgewater

Jason Bridgewater gb
Looks good, i'm going to trial it on my site and see how well it works. I've had a few problems with others I have tried.

Posted on 04.22.2008 00:30 AM #

Danny

Danny us
@srr - The website URL is where the post will be sent to, and the Post Title is the title of your blog post. So for this post the variable values would be...

Website URL: dannydouglass.com/.../...g-Links-To-Your-Blog.aspx
Post Title: Add Social Bookmarking Links To Your Blog

Let me know if that doesn't answer your question.

Add comment


(Will show your Gravatar icon)  

  Country flag

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



search


AddThis Feed Button

blog categories

blog tags

my pictures

  • View My Albums Page
  • View My Albums Page
  • View My Albums Page
  • View My Albums Page
  • View My Albums Page
  • View My Albums Page
  • Add My Blog To Your Technorati Favorites!

recent comments   RSS Feed for this post's comments