My skins are coded for Sandbox 1.6.1 (self-hosted blogs) and Sandbox-10 on wordpress.com
Installing a Sandbox skin is fairly easy. Here I’ll try to explain how to do it:
Installing on a Self-Hosted blog
Download the skin you want to install, and unzip its contents.
Open you favorite FTP client (I use Filezilla), and go to your blog’s root directory (where the blog files reside) and create a new directory.
As you can see in the image above, I named the new directory “skins.” Once you’ve created it, open it and upload into it the directory you just unzipped.
After you’ve uploaded the skin’s directory, go to your blog’s admin panel, scroll down and under Appearance, click Editor:
In the editor page, make sure Sylesheet (style.css) is hightlighted
Then, in the editor, delete everything from /* Two-column with sidebar on left from the /examples/ folder */ down, and type this:
@import url('/skins/[skin directory name]/style.css');Your system may be case sensitive, so make sure you type the directory name the way it is, otherwise the style won’t be applied.
Then click the “Update File” button.
That’s it, enjoy your new Sandbox skin!
Changing Skins
To change skins (let’s say you downloaded Autum), after uploading the skin’s folder, you would need to replace “Leaf” with “Autum”, save and enjoy!
Installing on Wordpress.com
Download the skin you want to install, and unzip its contents.
Upload the images to a server that allows hotlinking (i.e. Photobucket) or to your Wordpress.com account through your post editor. In this example I use Wordpress.com to store my image files.
After you’ve uploaded the images, get the images URL from the “Link URL” field.
Open the CSS file with your favorite text editor and replace all the url() current values with the ones in the aforementioned “Link URL” field. Example:
Change
background:#69b90c url(headerbg.jpg) 0 0 no-repeat;
to
background:#69b90c url(http://yourblog.wordpress.com/files/2009/07/headerbg.jpg) 0 0 no-repeat;
Once you’ve done that, go to your blog’s dashboard, click Presentation > Themes. Select Sandbox-10 and activate it. Once it’s been activated, click on Edit CSS, copy the CSS code from your text editor and paste it in the CSS Stylesheet Editor; check the “Start from scratch and just use this” radio button. Save, et voilà.
Resetting or Changing Themes
If later you want to change themes or reset your Sandbox theme, just delete the code in the CSS Stylesheet Editor, check the Add to existing CSS (View stylesheet) radio button and Save.
~Codito ergo sum
