Blogging

Posts & software related to blogging.

Inline Comments

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

I Finaly got around to enabling inline comments. For help on this, follow this tutorial.

Imageshack: Media hosting for the web

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

I have seen imageshack used a lot but have never tried it myself until now.

Problem

Bloggers image hosting is limited (100mb) and does not work with lightbox.

Solution

Imageshack works great with blogger and lightbox. It allows for easy posting of small thumbnails that link to the bigger image. Normally the thumbnail would link to a web page containing the full version of the image but this is not compatible with lightbox (lightbox needs the actual image). The fix is very easy: Simply change the image link to the thumbnail link but remove the .th from in front of the extension.

My main complaint is that the thumbnails are too small. I could get around this by using the full image and scaling it down with css but this would wast some of my 300mb per image per hour bandwidth (not really a problem now but may become problematic with more readers).

Edit: My main complaint is that they lose images. Imageshack (along with pretty much every other media hosting site) is great for forum posts, but not for semi-permanent blogs.

HOWTO: Create a floating sidebar on the left (Minima)

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

It took me a while to get the floating sidebar on the left of this page working well so I decided to write this post in order to save others time and frustration. I made this tutorial for the Minima template but you could modify it in order to work with any template.

Add this:

/* Floating sidebar on left */
#fixedsidebar-wrapper {
  position: fixed;
  top: 75px;
  left: 10px;
  width: 100px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#big-wrapper {
  margin: 0 150px 0 100px;
}

Below this:

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

Then, to fix the page elements tab…

Add this:

/** Page structure tweaks for layout editor wireframe for floating sidebar on left **/

body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {
  width: 500px;
  padding: 0px;
}
body#layout #main-wrapper {
  width: 300px;
}
body#layout #sidebar-wrapper {
  width: 200px;
}
body#layout #newsidebar-wrapper {
  width: 150px;
}

…below the previous code.

To remove the dotted line under widgets…

Add this:

#fixedsidebar.sidebar .widget {
  border-bottom-width: 0 !important;
}

Below this:

.sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}

Then add <div id="big-wrapper"> just under <body>. This will make sure that the floating sidebar will not overlap the other content.

Now in order to actually place the sidebar…

Add this:

      <div id="fixedsidebar-wrapper">
   <b:section class="sidebar" id="fixedsidebar" preferred="yes">
      <b:widget id="NewProfile" locked="false" title="'About" type="Profile" />
    </b:widget>
  </b:section>
</div>

Below this:

    <div id="content-wrapper">
 <div id="crosscol-wrapper" style="">
   <b:section class="crosscol" id="crosscol" showaddelement="no" />
 </b:section>
</div>

Finally, add a </div> tag before the </body> tag to close the “big-wrapper”

This post is heavily based on this tutorial but creates a fixed (floating) sidebar instead of a sidebar that scrolls with the rest of the page.

Scribefire: Cool but not perfect

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

Scribefire is a very useful extension and can even upload images to blogger but has a few annoying “bugs” for lack of a better word.

Scribefire pre-release and dark-themes (gtk) don’t mix well (it looks very ugly). Scribefire current release works better with dark themes but not perfectly.

Scribefire can upload images but does not upload them to the standard server (it uploads them to “Picasa web albums”) and, unlike the default editor, it simply places a shrunken version of the image on the webpage and does not link it to its bigger version. This is easily fixable but annoying (especially when using lightbox).

Too many features and few options to trim down the UI.

Verdict: Fun but not for me (yet).

Gnome-Blog debs

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

I have just uploaded the patched gnome-blog deb and an updated python-gdata deb (gnome-blog requires python-gdata 1.0.1 or up but gutsy only includes 1.0). The python-gdata is unnecessary if you use hardy but is a later version than the one provided by hardy.

My PPA:

deb http://ppa.launchpad.net/stebalien/ubuntu gutsy main
deb-src http://ppa.launchpad.net/stebalien/ubuntu gutsy main

Edit: I got the patch from http://bugzilla.gnome.org/show_bug.cgi?id=151291 (thanks to Richard Schwarting)

Gnome-Blog (patched)

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

I have just patched gnome-blog (and spent hours tweaking it) and it now correctly posts titles with blogger. I will post the install instructions along with the gutsy packages required tomorrow.

P.S.

I am posting this from gnome-blog.

BloGTK + tomboy-blogposter + gnome-blog

Caveat lector: I wrote this post in high school; it’s likely outdated and poorly written.

I have tested BloGTK + tomboy-blogposter + gnome-blog and all of them have problems with blogger. Gnome-blog is the simplest. It is a panel applet for the gnome-panel and has a very clean, simple, and fast interface. On the other hand, BloGTK is a standalone app that is a little bulky. Neither of these programs will post titles of posts correctly (BloGTK refuses to allow a title at all and gnome-blog posts the title as part of the body of the post). Tomboy-Blogposter does post the title correctly (because it uses the new API) but does not allow for HTML (links etc…). I am therefore resigned to look for another program (I will try Scribfire next).

Edit: Gnome-Blog cannot post pictures to blogger.