Logo hyperlink to blog home page

Saturday, April 07, 2007

Old and New Blogger Social Bookmarks

Add social bookmark chicklets to individual posts easily with this tutorial for the new blogger by Google, formerly beta. I've included a tutorial for old blogger template customization, also, plus all the necessary graphics and code.

Download the free tutorials to add social bookmarks to old or new blogger Google accounts here (zip file, 15Kb, right-click and "save target as" to download). Social bookmarking became very popular since 2006, and it is a method that allows people to tag their favorite websites to a free social bookmarking service.

Is social bookmarking unfamiliar or new to you? View the string of cute social bookmark graphics at the bottom of my posts. Each is a link to a social bookmarking website where you may store and share links to your favorite websites or blogs. The key advantage is you may access your favorites from any computer, anywhere, so they're always available even when you travel. Learn more about social bookmarking at Wikipedia.

Icons, the code, and full instructions for my top 12 social bookmarks are included in the zip file, plus advice for adding more. The tutorial covers BlinkList, Blogmarks, Del.icio.us, Digg, Furl, Google, Reddit, Simpy, Spurl, StumbleUpon, Technorati, and Yahoo. The code is in the same order as those on this blog, but you may rearrange them as desired.

One frustration of publishing a blog is adding widgets to enhance the experience for your visitors. I was particularly stumped because this blog for my commercial site was created with an old blogger template, and my personal blog "Growin' Up in Maine" was done with the new blogger template. The old version is straight XHTML which was easy. New blogger templates are XML based with limited documentation since released out of BETA by Google early in 2007.

The solution took long hours of research and debugging. When I started to hand code HTML for website design back in the mid 1990's, I learned early on that a single typo error can ruin the look of any site. Unravelling the mystery for the old blogger and new blogger was equally challenging. To help novice bloggers save time, the code is written to easily customize your blog using copy and replace instead of cut and paste. Add these icons to your blog so visitors can quickly find you later.

handwritten signature of Jim Degerstrom

TAGS:

Labels: , ,

3 Comments:

At 11:43 AM , Blogger Terry said...

Hi Jim,

I used your tutorial on New Blogger and it worked perfectly. The only thing that stumped me at first was you have to check the "Expand Widget Templates" box at the top of the html editing page. Since I'm new to editing Blogger templates I didn't know that. It would be great if you could add that to your instructions. Other than that, thank you so much for a perfect solution. You can see them in action at both my Blogger blogs, http://www.terryheath.com and http://bookandbean.blogspot.com.

Terry

 
At 9:12 PM , Blogger Jim Degerstrom said...

Hi, Terry,

Thank you for the comments and feedback. The zip download was revised to include the "Expand Widget Templates" step as you suggested. The flags look great on your blogs. I noticed a post that you are working on "templates" next. I'm here with advice if you need any help.

For my readers: Here's a hotlink to view Terry's first blog at www.TerryHeath.com with the colorful social bookmarks.

 
At 5:06 PM , Blogger Terry Heath said...

Hello again Jim.

I've changed stream since I first commented here and am using your social bookmark solution at http://www.coffeeandablog.com instead. I'm going to link to this tutorial . . . permalink, of course!

Terry

 

Post a Comment

Return to Blog Home