Write css and javascript code directly on your post edit screen on a per post basis. Meta boxes provide a quick and easy way to enter custom code to each post. It then loads the code into your frontend theme header if the post has custom code. You may also display your custom code directly into your post with the custom_css or custom_js shortcode.

Features

• easy use meta boxes for entering custom css and javascript
• Only loads custom code for the specific post or page.
• Customize the appearence or functionality of each page or post.
• Stores the css and javascript codes into the postmeta table with hidden meta_keys.
• All entered css will be active on this post.
• All entered javascript will be active on this post.
• Short code to display your custom code directly into the post.

The following options are available:

• Show custom Css metabox on edit screens or turn it off.
• Show custom Javascript metabox on edit screens or turn it off.
• Set the minimum user level to be able to use the custom meta boxes.

Plugin integration

• Automatically works well with Prettify GC Syntax Highlighter plugin. Good for front side syntax highlighting. loads 42k in 2 different js and css, loads for all pages, regardless of post having code.
• Automatically works well with Google Syntax Highlighter for WordPress plugin. This plugin loads 44 k. in 14 different js and css files, though it is easy enough to prevent loading all of the js files,

Caveats - automatic syntax coloring

The following plugins will still work as expected, but useing the superslider-perpost-code shortcode will not be automatically colored. You will still need to use the code highlighter plugin as instructed. Which typically relies on a shortcode wrapped around your code in the post.

• CodeColorer
• Crayon-syntax-highlighter
• Better WordPress Syntax

If you use a specific syntax highlighter and would like it to work nice with the SuperSlider-Perpost-Code plugin let me know.

Upgrade Notice

• There are no special instructions for upgrading
• deactivation of the plugin will not erase your custom code from the data base.

The Easy Way

In your WordPress admin, go to 'Plugins' and then click on 'Add New'.
In the search box, type in 'superslider-perpost-code' and hit enter. This plugin should be the first and likely the only result.
Click on the 'Install' link.
Once installed, click the 'Activate this plugin' link.

The Hard Way

Download the .zip file containing the plugin, unzip.
Upload the SuperSlider Perpost Code folder into your /wp-content/plugins/ directory 
Find the Superslider Perpost Code plugin in the WordPress admin on the 'Plugins' page and click 'Activate'

*1.1 (2012/11/17)

• fixed assorted php notices

*1.0 (2012/03/19)

• first public launch

Why isn't the code working on my category listing page or blog page?

*The default setting is set to only show on single posts and page pages. To change this you will need to edit lines 270 and 281 of the plugin file, change is_single to is_archive or just remove the conditional completely.

What is the shortcode to display my custom css?

[custom_css]

What is the shortcode to display my custom css?

[custom_js]

What does the css shortcode display?

<pre class="custom_css"> your css code </pre>

What does the js shortcode display?

<pre class="custom_js"> your javascript code </pre>

What are the short code options?

line = "6", linenums = "true/false", highlight ="3-6, 4-8" Line is the first line of the code to show. Linenums are to display line numbers or not. Highlight is a comma delimited list and or a group of lines to highlight. These shortcode options only work in combination with a syntax highlight plugin. SuperSlider-perpost-code does not highlight your displayed code on its own.