Bios Password

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Wednesday, July 29, 2009

GSD Blog Redo: v 3.0

Posted on 8:19 PM by Unknown

Please do not change your browser settings.

The GSD blog has been redesigned.

For some reason, in a fit of summer boredom and bravery I decided it was time for a redo.  Maybe it was the recent redo of the NPR website.  Maybe it was the Chron.com redo (or Dwight’s TechBlog ) .  I’m not sure.  Anyway I decided it was time for change.

And yes…your eyes don’t deceive you.  That indeed is a recent image of Lavie and I snuggling away in our real-life vectorized skins.  No need to imagine our mugs any longer.

I spent a few hours (honestly) poring over the Blogger Templates at btemplates.  There were lots and lots of really great templates.  Only problem I kept coming back to is that many of them looked way too commercial or polished for the tone of the GSD blog.  In addition, I just didn’t like having to depend on images or banner-images hosted off-site.

So I reviewed the default ones on Blogger and ended up really liking “Sand Dollar”.  It was a two-column template which was a bit hard to adopt from my previous three-column style.  However, I really liked the way the post-body section auto-resized (floated).  And the font worked quite well.

I did use this tip BP Web News and Tips: Template MakeOver - Procedure 3 to swap the body and sidebar columns.  I was just so used to having the body-text on the left that I had to get it back that way with the sidebar on the right.  This worked perfectly.

I did break the tag-cloud horribly with the new template.  However, I did find that the code I previously used by phydeaux3 was updated and refined a bit more since: New Blogger Tag Cloud / Label Cloud.  I think it looks smashing!

I did drop the “Links from Japan” as though I still RSS feed a number of Japan-centric blogs, I really didn’t find the length of the sidebar items pleasing going from a double-sidebar to a single one.  So it got cut.

I finally hard-coded the HTML code for the “apostrophe” character in “Claus’s Toolbox” so that darned “quote” character previously in it as “Claus”s Toolbox” is now fixed.

I also tweaked the colors (Blogger now has added a nice WYSIWYG Fonts and Colors editor) with Lavie’s help providing a critical eye  Simple borders were added to better separate the body from sidebar.  Padding and font sizings were manually adjusted as well.

The real killer-diller for me on this was the comment widget.  The original widget transferred over fine but the text was all jammed together and it was next to impossible to differentiate between comments.  It’s a JavaScript creation and while I am comfortable with basic HTML/XHTML coding, JavaScript is a different manner.  Through trial-n-error and careful studying of the code layout I finally figured out where to add a JavaScript language “linebreak” of sorts.  I think the comments look quite sharp now.  I also expanded the amount of allowed characters so it is easier to get a sense of the comment on longer ones before they are truncated.

I’ve still got some additional fine-tuning to do.  I’d like to separate the posts a bit more as they seem to run together just a bit. And with the new-found extra room I might be changing some of the other graphics on the side-bar just a touch.

I’ve checked it in Firefox, Chrome(ium), and IE8.  I’ve not jumped over to my Vista (dual-booting) OS yet so I haven’t seen it yet in Opera or Safari.  I imagine it is rendering fine there.  I really hope this particular template design fixes the annoying habit of long-lines breaking the previous three-column template in IE.  Specific HTML code I found in the template seems to address that issue.

Of course, I had to remember to update (refresh) my theme in Windows Live Writer so it now correctly formats according to the revised template.

All things said, I think the changes are pretty refreshing and makes a much more eye-friendly blog.

What say you?

Cheers!

--Claus V.

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Posted in Blogger, blogging, graphics | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Finally! Time to Post! New material list
    After a recent text from my bro reminding me it has been since March since I’ve done a blog post, I was finally able to clear the schedule a...
  • Oscar watch Linkpost
    Alvis and Lavie are watching the Oscars tonight and I’m along for the ride. I wasn’t able to come even close to getting out some of the pos...
  • New Year’s Day - First Post 2011
    Same day I came out with my first post after a long drought, I fell upon this article Blogging Seems To Have Peaked, Says Pew Report over a...
  • Utility Gumbo
    There’s a lot in this pot.  Probably something everyone can find to enjoy. I’m serving it up tonight out of the back of the truck on the s...
  • iodd : Multi-boot madness!
    Like many computer technicians and responders, I seem to always have at hand a collection of bootable media; CD’s, DVD’s, USB-HDD’s, flash m...
  • Ubuntu 13.10 Upgrade - Lessons Learned & VIDMA utility found
    A few weeks ago a new release of Ubuntu came out. Naturally that meant it was update time! I have been getting pretty good at this now so ...
  • Interesting Malware in Email Attempt - URL Scanner Links
    Last weekend I spent some time with extended family helping confirm for them that their on-line email account got hacked and had been used t...
  • Windows 8 Linkage: A Bit Behind the Ball
    CC attribution: behind the eight ball by Ed Schipul on flickr . OK. Confession time. I’m more than a bit exhausted this weekend. Besides a...
  • Lego MiniFig Extravaganza
    picture clipped from Wired’s clip from Gizmodo clip… Thanks in no small part to the Windows 7 RC release, XPM mode research, and a big “l...
  • This Week in Security and Forensics: Beware the cake!
    Cube Party! image used with permission from John Walker at "rockpapershotgun.com" Yeah, the cake is a Portal thing.  Let’s d...

Categories

  • Active Directory
  • anti-virus software
  • Apple
  • architecture
  • art
  • AVG
  • Blogger
  • blogging
  • books
  • boot-cd's
  • browsers
  • cars
  • cell-phones
  • cheat sheets
  • Chrome/Chromium
  • command-line interface
  • cooking
  • crafts
  • crazy
  • curmudgeon
  • DHC
  • Dr. Who
  • E-P1
  • Education
  • family
  • Firefox
  • firewalls
  • For the Gentleman
  • forensics
  • Gmail
  • Google
  • graphics
  • hacks
  • hardware
  • humor
  • hurricanes
  • imagex
  • Internet Explorer
  • iOS
  • iPhone
  • iPod
  • iTunes
  • Kindle
  • Learning
  • Link Fest
  • Linux
  • malware tools
  • Microsoft
  • movies
  • music
  • networking
  • NewsFox
  • NFAT
  • Nook
  • Opera
  • organization
  • PDF's
  • photography
  • politics
  • PowerShell
  • recipes
  • Remote Support
  • RSS
  • science
  • Scripting
  • search engines
  • security
  • Shuttle SFF
  • software
  • Texana
  • Thunderbird
  • troubleshooting
  • TrueCrypt
  • tutorials
  • utilities
  • VBscript
  • video
  • Virtual PC
  • virtualization
  • viruses
  • Vista
  • Vista mods
  • wallpapers
  • Win FE
  • Win PE
  • Win RE
  • Windows 7
  • Windows 8
  • Windows Home Server
  • Windows Live Writer
  • Windows Phone
  • writing
  • XP
  • XP mods
  • Xplico

Blog Archive

  • ►  2013 (83)
    • ►  November (8)
    • ►  October (8)
    • ►  September (14)
    • ►  August (6)
    • ►  July (10)
    • ►  June (10)
    • ►  April (11)
    • ►  March (6)
    • ►  February (7)
    • ►  January (3)
  • ►  2012 (96)
    • ►  December (8)
    • ►  November (4)
    • ►  October (9)
    • ►  September (8)
    • ►  August (12)
    • ►  July (4)
    • ►  June (3)
    • ►  May (7)
    • ►  April (13)
    • ►  March (3)
    • ►  February (5)
    • ►  January (20)
  • ►  2011 (41)
    • ►  December (8)
    • ►  November (7)
    • ►  September (4)
    • ►  August (4)
    • ►  July (2)
    • ►  June (6)
    • ►  March (5)
    • ►  February (1)
    • ►  January (4)
  • ►  2010 (69)
    • ►  December (1)
    • ►  October (3)
    • ►  September (2)
    • ►  August (13)
    • ►  July (17)
    • ►  June (3)
    • ►  May (3)
    • ►  April (3)
    • ►  March (11)
    • ►  February (1)
    • ►  January (12)
  • ▼  2009 (177)
    • ►  December (20)
    • ►  November (11)
    • ►  October (7)
    • ►  September (7)
    • ►  August (21)
    • ▼  July (17)
      • Security and Forensics Linkfest: Duck & Cover edition
      • Windows 7 Linkfest: fresh meat edition
      • BOSSIEs You Might Like!
      • Tweak SharePoint and NAS Links
      • GSD Blog Redo: v 3.0
      • Linkfest for Worship Projectionists
      • USB Tricks for Vista and Windows 7
      • Forensic Post JuMblE Linkfest
      • Video-Editing Resource Roundup
      • Focusing in on Firefox: Cleaning Edition
      • Centreware Web With Firefox Verboten? IIS Not!
      • Hell-in-a-Handbasket System Rescue – Part II File ...
      • Hell-in-a-Handbasket System Rescue – Part I: PGP WDE
      • Rainy-Day Linkfest
      • Inspiring Designs
      • Dead End Linkage
      • VAIO Upgrade – Passing it On
    • ►  June (7)
    • ►  May (18)
    • ►  April (9)
    • ►  March (17)
    • ►  February (23)
    • ►  January (20)
  • ►  2008 (35)
    • ►  December (23)
    • ►  November (12)
Powered by Blogger.

About Me

Unknown
View my complete profile